点击时发送* ngFor值作为参数 [英] Send *ngFor value as parameter on click
本文介绍了点击时发送* ngFor值作为参数的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在Angular 2中做一个小应用程序,正在显示一个包含一些数据的表,当我单击表时我想获取这些数据
I'm making a little application in Angular 2, I'm displaying a table with some data, I wanna get that data when I make a click on my table
代码如下:
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);
}
当我单击时,出现此错误:
When i make click i get this error:
EXCEPTION: Error in .../userslist.component.html:22:16 caused by: self.parent._el_24 is not a function
推荐答案
使用[(ngModel)]
将数据绑定到组件的两种方式.像下面一样
use [(ngModel)]
to make two way binding of your data to your component. like below
<td [(ngModel)]="users.username" (click)="data(users.username)">{{users.username}}</td>
也尝试
//$event will hold value and other reference.
data($event: any) {
}
您可以在[]和()表示法的angular2侧获得更多参考
You can get more reference in angular2 side on [] and () notation
这篇关于点击时发送* ngFor值作为参数的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文