如何通過 Angular 事件（例如 mouseenter）訪問 SVG 物件的屬性（例如填充）？
我嘗試了這些變體但沒有成功。
<rect #rrr [attr.fill]="'green'" (mouseenter)="rrr.fill='red'/>
<rect #rrr [attr.fill]="'green'" (mouseenter)="rrr.attr.fill='red'/>
<rect #rrr [attr.fill]="'green'" (mouseenter)="rrr.attributes.fill='red'/>
我想直接做 - 所以我使用#rrr。通過組件變數調度它運行良好 - 但不是我想要的。
<rect [attr.fill]="myvar == true ? 'red' : 'green'" (mouseenter)="myvar = true"/>
uj5u.com熱心網友回復：
您可以使用以下任一選項：
#rrr (mouseenter)="rrr.setAttribute('fill', 'red')"
#rrr (mouseenter)="rrr.style.fill = 'red'"
uj5u.com熱心網友回復：
嘗試使用類來實作：
<rect [ngClass] = "{'red': myvar==true, 'green': myvar!=true}"/>
在你的 css 上：
.gren {
fill:green;
}
.red{
fill: red;
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/359343.html
上一篇：SVG：關于事件的物件分層