Auslöser ngChange von benutzerdefinierter Anweisung

Question

Ich versuche, meine benutzerdefinierte Anweisung ein ngChange-Ereignis zu aktivieren, damit der ursprüngliche Controller etwas tun kann, wenn Daten in der Direktive geändert haben.

sieht meine Anweisung wie folgt aus:

.directive('spInputCheckbox', function() { 
     return { 
      scope: { 
       ngModel: '=', 
       ngChange: '&' 
      }, 
      restrict: 'AE', 
      replace: 'true', 
      template: '<div><span ng-click="model = !model"><i ng-if="model">X</i></span><input type="checkbox" ng-model="model" ng-change="change(model)" /><span ng-if="title">{{ title }}</span></div>', 
      link: function(scope, elem, attr){ 
        scope.title = attr.title 
       scope.$watch('ngModel', function(value){ 
        if(value){ 
         scope.model = scope.ngModel 
        } 
       }); 

       scope.change = function(value){ 
        scope.ngModel = scope.model 
        scope.ngChange() 
       } 
      } 
     }; 
    }) 

und hier ist, wie ich es nennen

<sp-input-checkbox ng-model="info" 
     ng-init="info = false" 
     title="click me" 
     ng-change="alert(7)" /> 

hier ein JsFiddle mit dem Code

Answer 1

Da die Änderung ist, ein Klick-Ereignis können Sie Verwenden Sie ng-click. Eine Bereichsfunktion kann für das Ereignis ng-click aufgerufen werden.

<sp-input-checkbox ng-model="info" ng-init="info = false" title="click me" ng-click="modified()" />

$scope.modified = function(){ alert(7); };

Solution

Answer 2

Vielleicht gerade das Modell kann tun, was Sie mögen diese

scope.$watch('model', function(value){ 
    if(value){ 
     scope.ngModel = scope.model 
     hasChange = true 
    } 

    if(hasChange) { 
      scope.change() 
    } 
}); 

sehen ganzen Code here erreichen wollen