Angularjs ng-单击重复表行不起作用

时间:2013-03-08 06:28:21

标签: javascript angularjs

点击以下HTML在AngularJS

中对我不起作用
<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")
};

1 个答案:

答案 0 :(得分:88)

你做错了。你不应该在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;
  //...
};