ディレクティブ$ watchはクラス変更時に呼び出されません

Question

左のメニューを使用して表示/非表示のメニューバーを持つ角形のアプリケーションがあります。左のメニューで表示/非表示するアクションは「データアクション」です。私はスマートな管理を使用していますが、コードはよう

データ・アクションが起動された

<span class="minifyme" data-action="minifyMenu"> <i class="fa fa-arrow-circle-left hit"></i> </span> 

の下に、本体部クラスが変更された場合、または新しいクラスをappededます。

私の要件は、クラスの変更について何かをすることです。私はクラスのための$を見て体の指示を持っています。

ディレクティブコードは、ページのロード時に必ず呼び出されますが、クラスが変更されたとき、つまりデータアクションが実行されたときには呼び出されません。

(function() { 
var app = angular.module("myApp"); 

var myDirective = [function() { 
    return { 
     restrict: "A", 
     link: function (scope, element, attrs) { 

      initialize(); 

      scope.$watch(function() { 
      return element.attr('class'); 
     }, function (newValue) { 
      if (element.hasClass('test')) { 
       console.log('has class.'); 
      } else { 
       console.log('classremoved.'); 
      } 
     }); 

      function initialize() { 

      }; 
     } 
    }; 
}]; 

app.directive('myDirective', myDirective); 

}()); 

どうすればこの問題を解決できますか。

Answer 1

data-actionは角度の範囲外であるため、$ apply（）メソッドで行う必要があります。