Wybierz dyrektywę niestandardową i ng-zmień

Question

Używając dyrektywy niestandardowej, chcę uruchomić funkcję, gdy wartość zostanie zmieniona.

html

<select name="user_type" ng-model="user_type" user-type ng-change="check_type()"> 

dyrektywa

gb_dash.directive('userType', function(){ 
    return{ 
     restrict: 'A', 
     require: '^ngModel', 
     scope:{ 
      check_type: '&' 
     }, 
     link: function(scope, elem, attrs){ 
      scope.check_type = function(){ 
       console.log('changed'); 
      } 
     } 
    } 
}); 

Answer 1

Skoro masz zakres izolować, Twój check_type nie jest w takim samym zakresie jak wyrażenia ng-change. I nie chciałbyś, żeby tak było.

Zamiast tego, ng-model umożliwia zarejestrowanie słuchacza za pomocą ngModel.$viewChangeListeners - która jest dokładnie używana w danej dyrektywie ngChange - do przechwytywania zdarzeń widoku zmiany modelu.

require: "ngModel", 
scope: { }, // to mimic your directive - doesn't have to be isolate scope 
link: function(scope, element, attrs, ngModel){ 
    ngModel.$viewChangeListeners.push(function(){ 
    console.log('changed'); 
    } 
} 

Answer 2

powodu swojego zakresu izolowania można zawierać wezwanie do $parent aby osiągnąć swój wynik. Spróbuj tej zmiany ...

link: function(scope, elem, attrs) { 
    scope.$parent.check_type = function() { 
     console.log('changed'); 
    } 
} 

Jednak wywołanie $parent nie mogą być idealne do sytuacji.

Możesz również porzucić ng-change i zamiast tego $watch swój ngModel. Cel ten można osiągnąć takie jak ...

link: function(scope, elem, attrs, ngModel) { 
    scope.$watch(function() { 
     return ngModel.$modelValue; 
    }, function(newValue, oldValue) { 
     console.log('model value changed...', newValue, oldValue); 
    }, true); 
} 

JSFiddle Link - $parent demo

JSFiddle Link - $watch demo