title: Angularjs scope update issue
body: <p>I am new to angularjs. Facing a problem like below
  My markup is like:</p>
  
  <pre><code>&lt;div class="data-list"&gt;
      &lt;ul ng-repeat="client in clients | orderBy:orderProp | filter:query"&gt;
          &lt;li&gt;&lt;a ng-click="update(client)"  data={{client.id}} href="#"&gt;{{client.name}}&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  &lt;div class="clientId"&gt;
      {{clientId}}
  &lt;/div&gt;
  </code></pre>
  
  <p>And my controller is like:</p>
  
  <pre><code>function ClientListCtrl($scope, $http) {
      $http.get('/dummy-data/clients.json', {
          cache: false
      }).success(function (data) {
          $scope.clients = data.clients;
      });
  
      $scope.activeClient = {};
      $scope.update = function (selectedClient) {
          $scope.activeClient = angular.copy(selectedClient);
          console.log($scope.activeClient);
      }
  
      console.log("after click");
      console.log($scope.activeClient);
      // for sorting list 
      $scope.orderProp = '-numberOfUsers';
  }
  </code></pre>
  
  <p>I want when user click "Client Name", <code>{{clientId}}</code> would be updated, but the scope updates it self. And return <code>{}</code> (blank object).</p>
  
  <p>How I can get the {{clientId}} after clicking the clientName?</p>
  
  <p>Thanks in advance.</p>