如何將每個動畫與角度中的每個元素分開？

Question

我試圖使用相同的動畫的角度對不同的元素，這些元素應該單獨上點擊

<div id="a" #a [@blast]="state" (click)="yell($event)"><div> 
<div id="b" #b [@blast]="state" (click)="yell($event)"><div> 
<div id="c" #c [@blast]="state" (click)="yell($event)"><div> 

yell(event){ 
    let idAttr=event.srcElement.attributes.id 
    var value = idAttr.nodeValue; //to get divs id 
if(value==="a"){ 
//for element "a" only, animate with blast animation 
} 
if(value==="b"){ 
//for element "b" only, animate with blast animation 
} 
if(value==="b"){ 
//for element "b" only, animate with blast animation 
} 
} 

什麼是最聰明的選擇採取行動？

Answer 1

嗯，我想這可能是最好的選擇：

<div id="a" #a [@blast]="a_status" (click)="yell($event)"><div> 
    <div id="b" #b [@blast]="b_status" (click)="yell($event)"><div> 
    <div id="c" #c [@blast]="c_status" (click)="yell($event)"><div> 

a_status:string; 
b_status:string; 
c_status:string; 


yell(event){ 
    let idAttr=event.srcElement.attributes.id 
    var value = idAttr.nodeValue; //to get divs id 
if(value==="a"){ 
this.a_status="fire" 
} 
if(value==="b"){ 
this.b_status="fire" 
} 
if(value==="b"){ 
this.c_status="fire" 
} 
}