How to dynamically pass params into a click event method in angular 2

Question

My service returns some data and i use it into my View. I'm trying to pass a specific ID into my onDivClick method on a click event.

I want to do something like that but it's not working :

<div *ngFor="let d of data" class="widget-body no-padding">
  <a class="list-group-item" href="#" (click)="onDivClick({{d.data_id}})">
       ...
  </a>
</div>

Any ideas ?

and what does the onDivClick method look like?

Dylan Meeus
– Dylan Meeus

2016-07-19 11:49:35 +00:00
Commented Jul 19, 2016 at 11:49 — Dylan Meeus
– Dylan Meeus, Commented Jul 19, 2016 at 11:49

Günter Zöchbauer · Accepted Answer · 2016-07-19 11:51:43Z

4

Just remove {{}}

 <a class="list-group-item" href="#" (click)="onDivClick(d.data_id)">

If you have () or [] you must not use {{}} as well

answered Jul 19, 2016 at 11:51

Günter Zöchbauer

661k235 gold badges2.1k silver badges1.6k bronze badges

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

Collectives™ on Stack Overflow

How to dynamically pass params into a click event method in angular 2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related