Is there a way to pass {{}} arguments to a function inside click?

Question

I have a problem with angular. I got stuck on this:

I get item list from API and iterate over like this:

Now I show results in p:

Number: {{item.value.number}} Name: {{item.value.name}}

And the result is shown. But next I need to pass those values to my function.

user_6428638 · Answer

Just use without the curly brackets

user_4091047 · Answer

just remove curly braces.

user_2118360 · Answer

In button tag remove double curly braces. your application will work.

user_1749403 · Answer

Better way to do this is just pass the whole Object instead of passing each field, you could access the necessary fields within the function, this won't let you to face any issues in future if you want to change parameters, however as others mentioned use without curly braces,

<button (click)="addToList(item)">

now within your function

addToList(item:any){
   //access things you need
}

now within your function

addToList(item:any){
   //access things you need
}

Is there a way to pass {{}} arguments to a function inside click?

4 Answers