J'essaye d'afficher un diff pour deux objets JSON en vue Angular 4, j'utilise cette bibliothèque (angular-object-diff) initialement construite pour AngularJS .
Démo de cette bibliothèque: Link
J'ai essayé d'importer cette JS bibliothèque de la façon suivante:
fichier JS Je suis en train d'importer: angular-object-diff.js, ne marche pas avoir une variable exportée
Dans mon typings.d. ts (j'ajouté ce qui suit):Importer une bibliothèque Javascript spécifique dans Angular 4 (si la bibliothèque n'exporte pas une variable)
declare var ObjectDiff: any;
Dans mon-cli.json angulaire, ajoutai-je
"scripts": [
"../node_modules/angular-object-diff/dist/angular-object-diff.js"
],
Dans mon fichier de composant:
const json1 = {
name: 'John'
};
const json2 = {
name: 'Johnny'
};
const diff = ObjectDiff.diffOwnProperties(json1, json2);
this.jsonViewData = ObjectDiff.toJsonDiffView(diff);
À mon avis:
<pre ng-bind-html="jsonViewData"></pre>
<pre> {{jsonViewData}}</pre>
Rien ne semble fonctionner, je reçois l'erreur "ObjectDiff" n'est pas défini dans la console »
Quelqu'un peut-il s'il vous plaît laissez-moi savoir si je fais quelque chose de mal? Suggestions pour afficher les diff JSON sont également les bienvenus :)
** Merci
Je ne pense pas que vous pouvez utiliser cette bibliothèque sans utiliser quelque chose pour rendre la bibliothèque angularjs compatible avec angular4. – toskv
Oui, je l'ai. Merci @toskv. – Jarvis