javascript - Angularjs范围更新问题

Question

我是 AngularJS 的新手。面临如下问题我的标记是这样的:

<div class="data-list">
    <ul ng-repeat="client in clients | orderBy:orderProp | filter:query">
        <li><a ng-click="update(client)"  data={{client.id}} href="#">{{client.name}}</a></li>
    </ul>
</div>
<div class="clientId">
    {{clientId}}
</div>

我的 Controller 就像:

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';
}

我希望当用户单击“客户端名称”时，{{clientId}} 将更新，但范围会自行更新。并返回 {}(空白对象)。

点击 clientName 后如何获取 {{clientId}}？

提前致谢。

Answer 1

您的 Controller 没有任何类似 clientId 的属性而你ng-repeat范围仅限于<ul>标签。

改变

<div class="clientId">
   {{clientID}}
</div>

至

<div class="clientId">
   {{activeClient}}
</div>