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