如何更新 ng-repeat 中的 ng-click 值？

Question

我正在编写一个表单，因为我需要来自 json 脚本的动态元素。 这是一个示例。

<div ng-repeat='element in elements'>
    <input type="button" ng-click="{{element.clickedAction}}" />
</div>

但是这个 ng-click 并没有像 json 脚本那样更新。如何进行？

提前致谢。

Answer 1

<div ng-repeat='element in elements'>
    <input type="button" ng-click="element.clickedAction()" />
</div>

假设clickedAction 是elements 数组中element 上的一个函数。

$scope.elements = [
   { 
      clickedAction: function () { /* do something */ }
   },
   { 
      clickedAction: function () { /* do something */ }
   },
   { 
      clickedAction: function () { /* do something */ }
   }
];

不过，这是一个不寻常的场景。更多时候人们会做这样的事情：

$scope.doSomething = function(item) {
    item.name += '!';
};

$scope.items = [ { name: 'test' }, { name: 'foo' }, { name: 'bar' } ];

<div ng-repeat="item in items">
    <button ng-click="doSomething(item)">Click Me</button>
</div>