title: Directive is not working after changing data
body: <p>I have ceated directive that after using, disable forms element.</p>
  
  <pre><code>app.directive('chDisable', function()  {
          return {
              link: function (scope, element, attrs) {
                  debugger;
                  var disableListName = attrs.chDisable;
                  var disableList = scope[disableListName];
  
                  $(element).find('*[ng-model]').each(function (index, item) {
                      var model = $(item).attr('ng-model');
  
                      for (var i = 0; i &lt; disableList.length; i++) {
                          if (model.indexOf(disableList[i]) &gt; -1) {
                              $(item).attr('disabled', 'disabled');
                          }
                      }
                  });
              }
          };
      });
  </code></pre>
  
  <p>It uses arrayList to declare disable elements.</p>
  
  <pre><code>$scope.disableItemList = ['PropertyType'];
  </code></pre>
  
  <p>If directive find children elements in arraylist then it disable element.
      
  It working when arreylist have items or arrayList filled after initilizing.
  Problem is when I change arraylist items in some events (Or for example by browser console) directive don't fire and don't disable form elements.</p>
  
  <pre><code>    &lt;div ch-disable="disableItemList"&gt;
      &lt;input ng-model="aaa"/&gt;
      &lt;input ng-model="bbb" /&gt;
      &lt;input type="checkbox" ng-model="ccc" /&gt;
  &lt;/div&gt;
  </code></pre>