title: AngularJS binding not updating model
body: <p>I recently started exploring AngularJS. I saw some similar questions but I'm quite sure that there isn't any scope problem here. (or maybe my understanding of scope isn't clear.)</p>
  
  <p>JS Code:</p>
  
  <pre><code>var app = angular.module("myApp", []);
  app.controller("myController", function($scope){
  $scope.b=50000
  $scope.apr=10
  $scope.hc=$scope.b/$scope.apr
  ...
  })
  </code></pre>
  
  <p>HTML: </p>
  
  <pre><code>&lt;div ng-app="myApp" ng-controller="myController"&gt;
  &lt;span class="inp-heading"&gt;b:&lt;/span&gt;
  &lt;input ng-model="b" type="number" step="1000" min="0" /&gt;
  &lt;input ng-model="apr" type="number" step="1" min="0" /&gt;
  {{b}} &lt;br /&gt; &lt;!-- this updates on input value change --&gt;
  {{hc}} &lt;br /&gt; &lt;!-- this does NOT update on input value change --&gt;
  {{b/apr}} &lt;br /&gt; &lt;!-- this updates on input value change --&gt;
  </code></pre>
  
  <p>As mentioned in the comments (in the HTML code above) $scope.hc doesn't change. This isn't the only issue actually, I'm facing similar trouble while binding array values to input boxes.</p>
  
  <p>Any help would be appreciated.</p>