Angular 2/4材料，单击列表项

Question

我的目标是在单击列表/表的任何行时调用函数。无法使它工作所以现在我只想点击每行的第一列并调用该函数。

component.html就是这样，使用@ angular / material：

<ng-container *ngFor="let item of items">
    <md-grid-tile class="grid-box-row" ng-click="onRowClicked(item)"> {{item.id}} </md-grid-tile>
    ... ...

编译的JavaScript是这样的：

该功能在component.ts

中

private onRowClicked(item: Order) {
    this.loggerService.debug(item.id);
}

一切似乎都很好，但点击时功能不会被击中。谢谢你的时间。

Answer 1

ng-click="onRowClicked(item)"

应该是

(click)="onRowClicked(item)"

检查 模板语法 ：https://angular.io/docs/ts/latest/guide/cheatsheet.html