为什么在 AngularJS 中的 ng-repeat 中 ng-click 不会触发函数？答案

【问题标题】：Why does ng-click not fire functions when inside ng-repeat, in AngularJS?为什么在 AngularJS 中的 ng-repeat 中 ng-click 不会触发函数？
【发布时间】：2019-09-21 04:28:30
【问题描述】：

我正在开发一个小型 AngularJS 应用程序。在其中一个视图中，我用来自我迭代的 JSON 文件的数据替换了一些硬编码的 html：

<class="actions-list">
    <div ng-repeat="item in $ctrl.myCustomService.config.items"
         ng-class="{'disabled': !item.isEanabled}"
         class="actions-item"
         ng-click="$ctrl.selectAction('{{item.action}}')">
      {{item.name | translate }}
    </div>
 </div>

问题是，自从这次替换后，ng-click 触发的函数（以前是（硬编码的）ng-click="$ctrl.selectAction('register'); 等等）不再起作用。

为什么会这样？我该如何解决这个问题？

【问题讨论】：

标签： angularjs angularjs-ng-click

【解决方案1】：

ng-click 中不需要引号或 {{ }}：

<class="actions-list">
<div ng-repeat="item in $ctrl.myCustomService.config.items"
     ng-class="{'disabled': !item.isEanabled}"
     class="actions-item"
     ng-click="$ctrl.selectAction(item.action)">
  {{item.name | translate }}
</div>

【讨论】：

也请回复this question。谢谢！
如果您创建了一个可重现的示例（例如 jsfiddle），那么有人会更容易理解问题并提供帮助