AngularJS中，重复表格行的ng-click无法工作。

Question

在AngularJS中，以下HTML中的ng-click对我不起作用。

<tr ng-repeat="ai in alert_instances" ng-click="go('/alert_instance/{{ai.alert_instancne_id}}')">
  <td>{{ai.name}}</td>
  <td>{{ai.desc}}</td>
</tr>

目前在我的控制器中，“go”函数只有

$scope.go = function (hash) {
  console.log("hi")
};

- ericbae

---

应该是 {go('..')}。AngularJS文档中说<ANY ng-click="{expression}">。 - smk

嗯... 那对我也不起作用... - ericbae

ng-click="go('/alert_instance/' + ai.alert_instancne_id)" 是否有效？ - Martin

Answer 1

你做错了。在 Angular 指令（ng-click）中，不应该使用花括号，因为这种语法是针对模板的。

正确的方式：

<tr ng-repeat="ai in alert_instances" ng-click="go(ai)">
  <td>{{ai.name}}</td>
  <td>{{ai.desc}}</td>
</tr>

$scope.go = function(ai) {
  var hash = '/alert_instance/' + ai.alert_instancne_id;
  //...
};

- ŁukaszBachman