Angular 2/4 Material，点击列表项

Question

我的目标是当点击列表/表格中的任何一行时调用一个函数。无法使其工作，所以现在我只想点击每行的第一列并调用函数。

的component.html是这样的，用@角/材料：

<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