javascript - Angularjs ng-click 重复表行不起作用

Question

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

<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>

目前我的 Controller 中的“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;
  //...
};