angular – 在点击时发送* ngFor值作为参数

发布时间：2020-12-17 17:56:38 所属栏目：安全来源：网络整理

导读：我在Angular 2中做了一个小应用程序,我正在显示一个包含一些数据的表,当我点击我的表时,我想得到那些数据这是代码： HTML模板： tr *ngFor="let users of usersdata; let i = index" td (click)="data(users.username)"{{users.username}}/td td (click)="d

我在Angular 2中做了一个小应用程序,我正在显示一个包含一些数据的表,当我点击我的表时,我想得到那些数据

这是代码：

HTML模板：

<tr *ngFor="let users of usersdata; let i = index">
     <td (click)="data(users.username)">{{users.username}}</td>
     <td (click)="data(users.email)">{{users.email}}</td>
     <td (click)="data(users.id)">{{users.id}}</td>
     <td (click)="data(users.roleId)">{{users.roleId}}</td>
</tr>

这是我的组成部分：

data(data: string) {
    this.selectedParam.emit(data);
    console.log(data);
}

当我点击时我得到这个错误：

EXCEPTION: Error in .../userslist.component.html:22:16 caused by: self.parent._el_24 is not a function

解决方法

使用[(ngModel)]将数据双向绑定到组件.如下

<td [(ngModel)]="users.username" (click)="data(users.username)">{{users.username}}</td>

也试试

//$event will hold value and other reference.
data($event: any) {

}

您可以在[]和()表示法的angular2侧获得更多参考

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!