javascript - 在 Angular.js 中，如何修改对象列表中元素的属性，这些对象在点击时使用 ng-repeat 迭代？

Question

在我的 Controller 中，我有一个对象数组(我才刚刚开始，所以请原谅我是否太幼稚了):

$scope.links = [
    {
        'votes': 6,
        'voted_on': false
    },
    {
        'votes': 7,
        'voted_on': false
    }
];

我想在 View 中列出这些并在点击时修改一些属性，维护一些复杂的状态以反射(reflect) DOM 中的变化:

<ul>
    <li ng-repeat="link for links">
        <a ng-click="updateProperties()">Vote</a>
        {{link.votes}}
    </li>
</ul>

你知道，我想要 updateProperties() 来管理很多状态逻辑(更改 {{link.votes}} 的颜色，递增 link.votes，如果他们已经投票，则不允许递增，等等)。我知道我需要在 $scope 上定义函数，但我不确定那会是什么样子，所以非常感谢帮助。谢谢。

Answer 1

一种方法是让 updateProperties 有一个参数，该参数是与投票相关的投票的唯一标识符。处理点击操作的逻辑将驻留在 updateProperties 中，这将由您根据需要定义。该函数只是一个标准的 javascript 函数，可以在您的 Controller 中定义，如

$scope.updateProperties = function(pollID){...} 只要它所在的 Controller 在您调用它的页面部分处于事件状态，您就可以使用功能。

查看 Angular Docs ，以及他们在主页上的模型(我认为主页上的模型可能对您有用)。