AngularJsウォッチの値に基づいてコールバック関数を変更する方法

Question

私は "spyStyle"という角度のディレクティブを持っています そして私はできるだけ使用したいと思います。 ...私は、監視されているものに基づいて、さまざまなコールバック関数を呼び出すことができるようにしたいと思います。私は時計の関数の前にif文を実行する必要があります -

は、ここで私は、これはそれを行っていると考えている私のコード

.directive('spyStyle', [function() { 
     return { 
      link: function (scope, element, attrs) { 
       scope.$watch(function() { 
        return element.css(attrs['spyAttribute']); 
       }, styleChangedCallBack, true); 

       function styleChangedCallBack(newValue, oldValue) { 
        if (newValue !== oldValue) { 
         // do something interesting here 
        } 
       } 
      } 
     }; 

    }]); 

Answer 1

です。 誰かに別の提案がありますか？ここ

   if ((attrs['spyAttribute']) = 'background-color') { 
        alert("background-color"); 
        scope.$watch(function() { 
         element.css('color', 'black'); 
         return element.css(attrs['spyAttribute']); 
        }, bgStyleChangedCallBack, true); 
       } else { 
        alert("something else"); 
        scope.$watch(function() { 
         //element.css('color', 'black'); 
         return element.css(attrs['spyAttribute']); 
        }, styleChangedCallBack, true); 
       } 

完全なコードはhttps://jsfiddle.net/acts7/5Ls46ebx/

完全指令が可読になる要素や変更テキストの背景色をチェックしています。 次に、背景色が変化するかどうかを確認し、必要に応じて新しい文字色を適用します。