title: AngularJS update value from multiple textbox values
body: <p>I have three product details and I have the total price at the bottom.
  If user changes the quantity of one item, then the total price should be updated.</p>
  
  <p>I have</p>
  
  <pre><code>&lt;div&gt;
  &lt;p class="desc"&gt;{{item.desc}}&lt;/p&gt;
  &lt;p class="price"&gt;{{item.price}}&lt;/p&gt;
  &lt;p class="qty"&gt;&lt;input type="text" maxlength="2" ng-model="item.qty"&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  &lt;p class="desc"&gt;{{item.desc}}&lt;/p&gt;
  &lt;p class="price"&gt;{{item.price}}&lt;/p&gt;
  &lt;p class="qty"&gt;&lt;input type="text" maxlength="2" ng-model="item.qty"&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  &lt;div&gt;
  &lt;p class="desc"&gt;{{item.desc}}&lt;/p&gt;
  &lt;p class="price"&gt;{{item.price}}&lt;/p&gt;
  &lt;p class="qty"&gt;&lt;input type="text" maxlength="2" ng-model="item.qty"&gt;&lt;/p&gt;
  &lt;/div&gt;
  
  Total Price: $XXXX.XX
  </code></pre>
  
  <p>I get the above divs using loop.</p>
  
  <p>When user changes the quantity in any of the three, then I need to update the total price and display below.</p>
  
  <p>Suppose:</p>
  
  <pre><code>DIV1 has price $10 qty 1
  DIV2 has price $20 qty 1
  DIV3 has price $30 qty 1
  </code></pre>
  
  <p>The total is $60</p>
  
  <p>If user changes the quantity of DIV2 to 3, then I need to get the total as $100</p>
  
  <p>How do I do this in AngularJS?</p>