Why does ng-click not fire functions when inside ng-repeat, in AngularJS?

Question

I am working on a small AngularJS application. In one of the views, I have replaced some hard-coded html with data coming from a JSON file that I iterate through:

<class="actions-list">
    <div ng-repeat="item in $ctrl.myCustomService.config.items"
         ng-class="{'disabled': !item.isEanabled}"
         class="actions-item"
         ng-click="$ctrl.selectAction('{{item.action}}')">
      {{item.name | translate }}
    </div>
 </div>

The problem is that, since this replacement, the function fired by ng-click, that used to be (hard-coded) ng-click="$ctrl.selectAction('register'); and so on, does not work anymore.

Why does that happen? How can I fix the problem?

Bill P · Accepted Answer · 2019-09-19 12:21:53Z

2

You don't need quotes or {{ }} inside ng-click:

<class="actions-list">
<div ng-repeat="item in $ctrl.myCustomService.config.items"
     ng-class="{'disabled': !item.isEanabled}"
     class="actions-item"
     ng-click="$ctrl.selectAction(item.action)">
  {{item.name | translate }}
</div>

answered Sep 19, 2019 at 12:21

Bill P

3,61610 gold badges24 silver badges34 bronze badges

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

1 Comment

Bill P Over a year ago

If you created a reproducable example(jsfiddle for example) it would be easier for someone to understand the problem and help with it

Collectives™ on Stack Overflow

Why does ng-click not fire functions when inside ng-repeat, in AngularJS?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related