我有一個結構：
<div>
<ul>
<li *ngFor="let product of searchResult?.products">
Test
<div>Content</div>
</li>
</ul>
</div>
我想在 li 滑鼠懸停時為 li 內的 div 添加一些樣式。我怎樣才能做到這一點？使用 ViewChild？我不能只通過 CSS 來做到這一點。我必須得到 li 的位置并在里面的 div 上應用適當的 offset-top。
類似的東西https://codepen.io/agop/pen/VwwMGR 但在 Angular
uj5u.com熱心網友回復：
沒有css？您可以使用directive修改 css 的 a，參見：
https ://angular.io/guide/attribute-directives
并hostListener做一些事情mouseover并mouseout
查看：在 Angular 指令中使用 CSS 懸停屬性？
（對不起，我在手機上，如果您仍然卡住，可能稍后再發布代碼）！
uj5u.com熱心網友回復：
您不需要任何腳本。只需使用 css：
scss
li:hover > .divClass {
...
}
html
<li *ngFor="let product of searchResult?.products">
Test
<div >Content</div>
</li>
uj5u.com熱心網友回復：
如果您需要一些操作，可以在模板中輕松完成：
<li *ngFor="let product of searchResult?.products">
Test
<div
(mouseover)="addStyle($event)"
(mouseout)="removeStyle($event)"
>Content</div>
</li>
或者你可以在你的組件內部監聽ViewChildren和運行。fromEvent
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/431908.html
標籤：有角度的
上一篇：如何檢查變數是否存在于角度？