String interpolation in Angular2 event binding

Question

I'm using an ngFor to list my data, and would like to be able to click an element and have it call a method in my component class, identifying which element of the data it is. My attempts basically came to something like this:

<ng-template ngFor let-item [ngForOf]="data">
  <span class="table-select" (click)={{"editData(" + item + ")"}}>{{item}}</span>
</ng-template>

However that doesn't work and throws this error:

Error: Template parse errors: Unexpected closing tag "span".

I have thought about just passing this and using the native element to figure out which element it is, but that feels dirty and not very angular y. So am I doing this wrong? Or is there a better way to go about this?

LLai · Accepted Answer · 2017-06-20 15:39:51Z

1

try

<span class="table-select" (click)="editData(item)">{{item}}</span>

angular will know to look in your component class for the editData method because of the directive (click)

answered Jun 20, 2017 at 15:39

LLai

13.5k3 gold badges44 silver badges46 bronze badges

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

1 Comment

Incinirate Over a year ago

Oh wow ok, so the interpolation isn't needed, those variables are injected into the scope when that expression gets called, good to know! Thanks!

Collectives™ on Stack Overflow

String interpolation in Angular2 event binding

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related