[英]Custom attributes return null when logged in angular 2
template
<button type="button"
(click)="leaderBoard($event)"
attr.leaders = "individual"
[class.active]="individualLeaderboard">
<label>INDIVIDUALS</label>
</button>
<button type="button"
(click)="leaderBoard($event)"
attr.leaders = "team"
[class.active]="teamLeaderboard">
<label>TEAMS</label>
.ts File
leaderBoard($event) {
console.log($event.target.getAttribute('attr.leaders'))
}
I'm simply trying to log the value of the custom attribute when each element is clicked. 我只是想在单击每个元素时记录自定义属性的值。 It works fine if I only have one button, but returns null if there are multiple buttons.
如果我只有一个按钮,则效果很好,但是如果有多个按钮,则返回null。 Can someone explain the issue to me?
有人可以向我解释这个问题吗?
Change your html to: 将您的html更改为:
<button type="button" (click)="leaderBoard($event)"
leaders='individual'
[class.active]="individualLeaderboard">
<label>INDIVIDUALS</label>
</button>
.. and in your ts: ..和您的ts:
leaderBoard($event){
console.log($event.currentTarget.getAttribute('leaders'));
}
Would you replace your ts code with: 您是否将ts代码替换为:
leaderBoard($event) {
console.log($event.target.getAttribute('attr.leaders'));
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.