I have an array of objects. i am iterating that in loop and passing each item's name to onclick which targets a function openIt(val) in app.js file which is in assets folder. ie

Angular Code:

<div *ngFor=let item of listArray>

<button class=tabopen onclick=openIt(item.name)>{{item.name}}</button>

</div>

app.js Code:

function openIt(data) {

console.log(data);

}

In my openIt function in app.js file i am not getting item.name. In my console it displays error that item is not defined. But when i pass static data i.e onclick=openIt('sample_data')it does not show any error.

Even though item.name also exists i am getting correct values against this as well. I am not getting that why i am not able to pass iterative data to the parameters.