title: scope variable updated in angular but change is not reflected to user
body: <p>I have some angular variables set like so:</p>
  
  <pre><code>$scope.pane = [];
  $scope.pane.count = 0;
  $scope.pane.max = 5;
  </code></pre>
  
  <p>Then I display the variables in the HTML like this:</p>
  
  <pre><code>{{pane.count}}
  </code></pre>
  
  <p>This works fine and displays <code>0</code> as expected.</p>
  
  <p>Now if I update the variable at any point, the update does happen (I can see using console.log) but the printed version in the HTML does not update. </p>
  
  <p>E.g.</p>
  
  <pre><code>setTimeout(function(){
    $scope.pane.count = 1;
  },1000);
  </code></pre>
  
  <p>I am using Angular v1.3. What am I doing wrong?</p>