angularjs Direktive heißt nicht

Question

Ich versuche Animationsklasse auf Bereichswert ändern, aber Anweisung wird nie hier aufgerufen.

<md-card animateOnChange="currentCard.fab_id"> 
    <md-card-header-text> 
     <span class="md-subhead">Id: {{currentCard.fab_id}} </span> 
    </md-card-header-text> 
    </md-card-header> 
</md-card> 

Richtlinie:

.directive('animateOnChange', function($timeout) { 
    return function(scope, element, attr) { 
     scope.$watch(attr.animateOnChange, function(nv,ov) { 
      if (nv!=ov) { 
       element.addClass('animated shake changed'); 
       $timeout(function() { 
        element.removeClass('animated shake changed'); 
       }, 1000); 
      } 
     }); 
    } 
    }) 

Answer 1

Versuchen:

<md-card animate-on-change="currentCard.fab_id"> 

und:

scope.$watch(attr.animateOnChange, function(nv,ov) {...} 

weil AngularJS Richtlinie und Attribute normalisiert. Siehe https://docs.angularjs.org/guide/directive