Angular 2/4 Material，单击列表项

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>
    ... ...

编译后的 HTML 是这样的：

函数在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