Angularjs ng-click on repeat table row not working

Question

ng-click on the following HTML is not working for me in 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>

The "go" function in my controller at the moment just has

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

Should it be {go('..')} . teh angularjs docs say <ANY ng-click="{expression}"> — smk
– smk, Commented Mar 8, 2013 at 6:34
Does ng-click="go('/alert_instance/' + ai.alert_instancne_id)" work? — Martin
– Martin, Commented Mar 8, 2013 at 9:24

ŁukaszBachman · Accepted Answer · 2013-03-08 06:45:56Z

90

You are doing it wrong. You shouldn't be using curly braces in Angular directives (ng-click), as this syntax is aimed for templates.

A proper way:

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

answered Mar 8, 2013 at 6:45

ŁukaszBachman

33.8k11 gold badges67 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angularjs ng-click on repeat table row not working

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related