是否有機會為整個班級制作功能，而不是將其添加到每一行。在我的例子中 對于這個類的每個鏈接，我想要有相同的功能
<li class="nav-item dropdown primary">
<a class="nav-link links-bar" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Eyes
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<a *class="dropdown-item" (click)="selectChangeLink($event)"* id="14">Eye Pencil</a>
<a class="dropdown-item" (click)="selectChangeLink($event)" id="13">Mascara</a>
<a class="dropdown-item" (click)="selectChangeLink($event)" id="12">Eye Brow</a>
<a class="dropdown-item" data-value="4">Eye Lashes</a>
<a class="dropdown-item" data-value="5">Eye Liner</a>
<a class="dropdown-item" data-value="6">Eye Shadow</a>
uj5u.com熱心網友回復：
您可以使用指令。如果指令的選擇器與.className它應用于具有該指令的所有元素的方式相同。例如 (*)
@Directive({
selector:'.dropdown-item'
})
export class DropDownItemDirective{
@HostListener('click',['$event']) click(event:any){
console.log(this.elementRef.nativeElement.getAttribute("data-value"))
//or
console.log(event)
}
constructor(private elementRef:ElementRef){}
}
但無論如何。您還可以使用陣列變數并在您的應用程式中使用*ngFor，例如
dataArray=[{id:14,label:'Eye Pencil'},{id:13,label:'Mascara',{id:12,label:'Eye brow']
<a *ngFor="let item of dataArray"
class="dropdown-item" (click)="selectChangeLink($event)"
[id]="item.id">{{item.label}}</a>
(*)不要忘記在你的模塊中匯入
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/351856.html