Intellipaat Back

Explore Courses Blog Tutorials Interview Questions
+1 vote
in Web Technology by (47.6k points)

I have a simple loop with ng-repeat like this:

<li ng-repeat='task in tasks'> 

<p> {{}} <button ng-click="removeTask({{}})">remove</button> 


There is a function in the controller $scope.removeTask(taskID).

As far as I know, Angular will first render the view and replace interpolated {{}} with a number, and then, on click event, will evaluate ng-click string.

In this case, ng-click gets totally what is expected, ie: ng-click="removeTask(5)". However... it's not doing anything.

Of course, I can write a code to get from the $tasks array or even the DOM, but this does not seem like the Angular way.

So, how can one add dynamic content to ng-click directive inside a ng-repeat loop?

1 Answer

+1 vote
by (106k points)

You can get it to work by using the below-mentioned code:-

<button ng-click="removeTask({{}})">remove</button>

Or you can also do this:

<button ng-click="removeTask(">remove</button>

Related questions

0 votes
1 answer
0 votes
1 answer
0 votes
1 answer

Browse Categories