javascript - 从外部更改 ng-repeat 范围内的模型

Question

我在 Controller 内部有一个中继器，中继器中的每个项目都有自己的状态:

<div ng-controller="...">
  <div ng-repeat"...">{{status}}</div>
</div>

现在，假设我想更改此状态，如果我在中继器内使用 status = 'foo' 它就像一个魅力，重复中的每个项目都可以有自己的状态。但是，我想从 Controller 更改此状态，因为我想使用一些 ajax 调用和这样的魔法。我搜索了所有网络并问了我的好 friend 谷歌几个问题，但我找不到任何关于如何在重复项目中到达范围的信息。

This fiddle模拟我的问题，如果你点击其中一个按钮，它会将整个范围的状态更改为 clicked 而我想要实现的是只让按钮旁边的圆圈变成蓝色. (我知道我可以在列表中添加一个值，但我有理由不这样做。)

Answer 1

这是原型(prototype)继承的经典案例。您可以使用 this.status 设置当前范围内的状态。

在这里看我的 fiddle

http://jsfiddle.net/BdcuS/

当方法被调用时，它被调用时 this 设置为当前范围。 ng-repeat

的范围是什么

在我链接到这个 wiki 页面之前，我的回答是不完整的 https://github.com/angular/angular.js/wiki/Understanding-Scopes谈到这个。