我的 app.component.ts 文件中定义了一个函数，其定义如下

export class AppComponent {

    ....

    onRowSelected(record:any) {
       this.selectedRecord = record;
    }

   ....
}

当选择表行时，我将 app.component.html 文件中的函数用作回调函数

<tr *ngFor="let record of records">
    <div onclick="onRowSelected(record)">
        <!-- Create a checkbox for each row -->
        <td>
            <md-checkbox></md-checkbox>
        </td>
        <!-- For each entry in the config, create a cell -->
        <td *ngFor="let column of config.columns" 
         ....
        </td>
    </div>
</tr>

我不明白为什么我会得到

VM11199 Uncaught ReferenceError: onRowSelected is not defined

而该函数在我的组件中定义得非常清楚。有什么见解吗？