javascript - 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")
};

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;
  //...
};