为什么需要一个额外的对象？[副本]

Question

我正在检查Angular Bootstrap UI，特别是服务$modal并注意到一件有趣的事情。

在他们的示例中，'http://plnkr.co/edit/e5xykpqwytsljua6fxwt?p=preview'，在附加到弹出窗口的控制器中，他们将选定的项包含到另一个内部属性中

$scope.selected = {
   item: $scope.items[0]
};

$scope.selected = $scope.items[0];

为什么需要这个？JavaScript找到了什么？

THX

Answer 1

他们嵌套属性是因为他们想在模式中这样做：

<li ng-repeat="item in items">
    <a ng-click="selected.item = item">{{ item }}</a>
</li>

ng-repeat为每个

创建一个子作用域（模式也创建一个子作用域）；如果您有$scope.selected=$scope.items[0]；，那么从ng-click中设置selected将在子作用域中设置该属性，而不是在父作用域中设置该属性（在该示例中正是您所希望的）。也可以在这里看到我的答案。如属─

$scope.selected = {
    item: $scope.items[0]
};

更改将影响父作用域的selected对象。