Javascript Girl
  1. Javascript Girl
  3. La portée de la directive AngularJS n'est pas résolue (l'erreur "attr name is not defined")
Intereting Posts
En-tête jQuery Stick sur le défilement Angucomplete-alt: Remote-API-handler ne fonctionne pas comme prévu Pourquoi avons-nous des nouvelles lignes dans JavaScript modifié? Déclencher l'événement onclick en utilisant le clic du milieu Impossible d'exécuter 'drawImage' sur 'CanvasRenderingContext2D' Comment contrôler l'indentation après une parenthèse ouverte dans Emacs Javascript, la valeur de la touche est toujours un caractère derrière le dernier? Clôtures JavaScript. Accès en boucle aux variables i, j actuelles Bootstrap 3 – Event hidden.bs.collapse n'est pas déclenché si l'accordéon se trouve dans un mode peuplé via ajax Comment dessiner l'image par une coordonnée donnée sur Toile? Pouvez-vous instancier une instance d'objet de JSON dans .NET? Événement d'incendie à un certain moment du jour Comment dois-je initialiser jQuery? Meteor / Mongo: Trouver et mettre à jour certains éléments d'une collection Ignorer la console Firebug lorsqu'il n'est pas installé

La portée de la directive AngularJS n'est pas résolue (l'erreur "attr name is not defined")

Code de la directive 

mymodule.directive('eicon', function(){ return { restrict: 'E', scope: { attr: '=' }, template: "test " + attr.name } });

Html 

 <tr ng-repeat="e in entities"> <td><eicon attr="e"></eicon></td> </tr>

J'ai cette erreur: ReferenceError: attr is not defined . Qu'est-ce qui ne va pas?

attr est accessible dans la portée, vous pouvez donc accéder à scope.attr dans votre contrôleur ou phase de liaison, ou {{attr}} dans les modèles. Une solution simple consiste à changer votre modèle pour 

 mymodule.directive('eicon', function(){ return { restrict: 'E', scope: { attr: '=' }, template: "test {{attr.name}}", link: function (scope, element, attrs) { console.log(scope.attr); }, controller: function (scope) { console.log(scope.attr); } } });

Étant donné que vous scope.attr propriété de portée isolée, vous devriez pouvoir accéder à scope.attr dans un modèle comme ceci: 

 mymodule.directive('eicon', function(){ return { restrict: 'E', scope: { attr: '=' }, template: "test {{attr.name}}" } });

Demo: http://plnkr.co/edit/YZ0aPqhkMlIIwmrkKK2v?p=preview