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