javascript - 如何在 ng-repeat 中使用 ng-click？

Question

我是 Angular JS 的新手，我正在尝试使用 ng-repeat 在表中生成多行，并且每行中应该有一个按钮来触发具有不同参数的函数

<div ng-controller="testing">
    <table>
        <thead>
             <tr>
                  <th>col 1</th>
                  <th>col 2</th>
                  <th>button</th>        
             </tr>
        </thead>
        <tbody>
             <tr ng-repeat="item in items">
                 <td>{{ item.prop1 }}</td>
                 <td>{{ item.prop2 }}</td>
                 <td><button ng-click="myFunction(item.id)">Trigger Function</button></td>
             </tr>
        </tody>
    </table>
</div>

这当然不起作用，因为 ng-repeat 创建自己的作用域，而 myFunction 是在父作用域(即测试 Controller )中定义的。

但是，我在Google结果中只能找到无法工作的原因，但缺乏解决问题的方法。我应该如何更正我的代码以使 ng-click 正常工作？有没有办法在 ng-repeat 作用域内定义 myFunction 或者有办法告诉我想要在父作用域中使用该函数？

Answer 1

将ng-click更改为以下

<button ng-click="testing.myFunction(item.id)">