title: disable table row in angularjs
body: <p>I have table with input=text fields, and when some of fields has id 'four' I need to disable this whole row. For this I try to use this function:  </p>
  
  <pre><code>  $scope.disableIfRowHasFour = function(row){
      var result = row.filter(function(field){
        return field.id === 'four';
      })
  
      return result.length !== 0;
    };
  </code></pre>
  
  <p>and in html:  </p>
  
  <pre><code>&lt;tr ng-disabled='disableIfRowHasFour(row)' ng-repeat='row in tableFields'&gt;
    &lt;td ng-repeat='field in row'&gt;
      &lt;input type="text" value='{{field.value}}'&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>and in devtools I see that row is disabled, but inputs in this row - not.</p>
  
  <pre><code>&lt;tr ng-disabled="disableIfRowHasFour(row)" ng-repeat="row in tableFields" class="ng-scope" disabled="disabled"&gt;
  </code></pre>
  
  <p>where I'm wrong? I expect that all items in a row will be disabled..<a href="http://plnkr.co/edit/Ilz2iVjEqcV41XtdfIeG?p=preview" rel="nofollow noreferrer">Plnkr example</a></p>