title: AngularJS - add all values in table row dynamically
body: <p>I'm having a table where the user will enter data in the fields when they enter each value in each cell, the last cell needs to be updated with its total. with this snippet I'm getting <code>45+90+36</code>. I know its easy with jQuery, but I wanted to do this as simple as possible in Angular.</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td rowspan="4"&gt;&lt;span class="textRotate"&gt;TESTING&lt;/span&gt;
    &lt;/td&gt;
    &lt;td&gt;XXXX&lt;/td&gt;
    &lt;td&gt;
      &lt;input id="testingInput" type="text" ng-model="tableVal.xxxxPrevention"&gt;$&lt;/td&gt;
    &lt;td&gt;
      &lt;input id="testingInput" type="text" ng-model="tableVal.xxxxAppraisal"&gt;$&lt;/td&gt;
    &lt;td&gt;
      &lt;input id="testingInput" type="text" ng-model="tableVal.xxxxInternalFailure"&gt;$&lt;/td&gt;
    &lt;td&gt;
      &lt;input id="testingInput" type="text" ng-model="tableVal.xxxxxExternalFailure"&gt;$&lt;/td&gt;
    &lt;td&gt;
      &lt;input id="testingInput" type="text" ng-model="tableVal.xxxxPerformance"&gt;NA&lt;/td&gt;
    &lt;td ng-model="tableVal.xxxTotal"&gt;{{tableVal.xxxxPrevention + tableVal.xxxxAppraisal}}&lt;/td&gt;
    &lt;td&gt;%&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>