title: AngularJS - Not able to update model programatically
body: <p>When I update my model through method, model does not update. Below is my AngularJS code:</p>
  
  <pre><code>var app = angular.module('MyApp',[]);
  
  app.controller('businessCtrl', function($scope, Business) {
    $scope.businesses = Business.query();  // getting data using REST
    $scope.currentBusinessIndex = 0;
    $scope.changeBusinessIndex = function (indx) {
        if (indx) {
            $scope.currentBusinessIndex = indx;
        } else {
            $scope.currentBusinessIndex = 0;
        }
    };
  });
  </code></pre>
  
  <p>Below is the HTML:</p>
  
  <pre><code>&lt;ul class="signups"&gt;
      &lt;li ng-controller="businessCtrl" ng-repeat="business in businesses"&gt;
          &lt;div class="user pull-left"  ng-click="changeBusinessIndex($index)"&gt;
              &lt;img ng-src="http://localhost:8081{{business.logo.uri}}" alt="business logo" &gt;
          &lt;/div&gt;
          &lt;div class="info" ng-click="changeBusinessIndex($index)"&gt;
              &lt;h6 ng-cloak&gt;{{business.name}}&lt;/h6&gt;
              &lt;small ng-cloak&gt;{{business.streetAddress + ',' + business.city + ',' + business.country}}&lt;/small&gt;
          &lt;/div&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;div id="business-image" class="main-container" ng-controller="businessCtrl"&gt;
      &lt;img ng-src="http://localhost:8081{{businesses[currentBusinessIndex].logo.uri}}" alt="Business Logo"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Problem:</strong></p>
  
  <p>In changeBusinessIndex() method, when I modify currentBusinessIndex, it does not modify and as a result image in "business-image" div is not updating.</p>