Angularjs: Écouter changement de modèle dans une directive

J'essaie de trouver comment je peux l'écouter quand le modèle est mis à jour dans une directive.

eventEditor.directive('myAmount',function(){
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
          scope.$watch(attr['ngModel'], function (v) {
            console.log('value changed, new value is: ' + v);
          });
        } 
      } 
    }
};

});

La directive est appelée à l'intérieur de ng-repeat comme

<div ng-repeat="ticket in tickets">
    <input my-amount ng-model="ticket.price"></input> 
</div>

Très heureux pour toute aide. Je ne comprends pas comment l'attribut scope ressemble à l'intérieur d'une ng-repeat.

Grâce.

OriginalL'auteur Niclas | 2014-09-16

  1. 18

    http://jsbin.com/mihupo/1/edit

    attrs plutôt attr

    app.directive('myAmount',function(){
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
          scope.$watch(attrs['ngModel'], function (v) {
            console.log('value changed, new value is: ' + v);
          });
        } 
      } ;
    }
);
    Merci pour la correction. Fonctionne très bien. Merci!
    Seulement voulu dire que vous avez fait ma journée hahaha. Les acclamations de l'avenir 😉

    OriginalL'auteur sylwester

  2. 5

    Essayer de faire ce 

    eventEditor.directive('myAmount',function(){
    return {
    restrict: 'A',
    scope: {model: '=ngModel'},
    link: function(scope, elem, attrs) {
            scope.$watch('model', function (v) {
            console.log('value changed, new value is: ' + v);
          });
        } 
      } 
    }
  };
});
    Merci. Fonctionne mais la réponse ci-dessous semble un peu plus simple en écoutant attr,ngModel.
    Merci!!!! Vous me l'onu-collé.

    OriginalL'auteur az7ar

  3. 2
    eventEditor.directive('myAmount',function(){
return {
    restrict: 'A',
    required : 'ngModel'       //Add required property 
    link: function(scope, elem, attrs,ngModelCtr) {

      ngModelCtr.$render = function(){   // Add $render 
      //Your logic
    }

  } 
 }
 };
 });
    1. Ajouter une propriété requise avec ngModel, Puisque vous utilisez ngModel (je veux dire réelle angulaire ng-model, non pas à l'utilisateur personnalisé ng-attribut du modèle).
    2. Appelez $fonction rendu. Il exécutera dès qu'il y a un changement dans ngModel (changement dans les valeurs de $model value est utilisée et $viewValue).
      https://docs.angularjs.org/api/ng/type/ngModel.NgModelController#$rendu

    Vous pouvez utiliser $montre qui est également correct.

    Ce est la bonne façon!

    OriginalL'auteur AnshulJS

  4. -1

    Code suivant fonctionne pour moi.

    app.directive('myAmount',function(){
    return {
        restrict: 'A',
        link: function(scope, elem, attrs) {
          attrs.$observe('ngModel', function (v) {
            console.log('value changed, new value is: ' + v);
          });
        } 
      } ;
    }
);
    Observer uniquement observateur DOM changements, pas de changements de modèle.

    OriginalL'auteur Susobhan Das