Angular2 事件绑定中的字符串插值

Question

我正在使用 ngFor 列出我的数据，并希望能够单击一个元素并让它在我的组件 class 中调用一个方法，以识别它是数据。我的尝试基本上是这样的：

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

但是这不起作用并引发此错误：

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

想过直接传this，用native元素搞清楚是哪个元素，但是感觉很脏，不是很angular 是的。那我做错了吗？或者有更好的方法来解决这个问题吗？

Answer 1

尝试

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

angular 将知道在您的组件 class 中查找 editData 方法，因为指令（单击）

String interpolation in Angular2 event binding