84669 orang belajar
152542 orang belajar
20005 orang belajar
5487 orang belajar
7821 orang belajar
359900 orang belajar
3350 orang belajar
180660 orang belajar
48569 orang belajar
18603 orang belajar
40936 orang belajar
1549 orang belajar
1183 orang belajar
32909 orang belajar
Saya mempunyai div yang apabila ia dilegar, warna latar belakang berubah, saya juga perlu memilih warna berdasarkan elemen dalam komponen.
<div *ngFor="let u of users;" [style:hover.background-color] = "u.selected ? 'red' : 'blue' "> </div>
Dari pautan komen di atas:
"Sebenarnya ini bukan isu Sudut: pseudo-elemen bukan sebahagian daripada pokok DOM dan oleh itu jangan dedahkan mana-mana API DOM yang boleh digunakan untuk berinteraksi dengannya
Jadi anda boleh menggunakan pembolehubah CSS sebaliknya:
Fail gaya:
.highlight:hover { background-color: var(--highlight-color); }
Templat:
<div class="highlight" *ngFor="let u of users;" [ngStyle] = "{'--highlight-color': u.selected ? 'red' : 'blue'} "> {{ u.name }} </div>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dari pautan komen di atas:
"Sebenarnya ini bukan isu Sudut: pseudo-elemen bukan sebahagian daripada pokok DOM dan oleh itu jangan dedahkan mana-mana API DOM yang boleh digunakan untuk berinteraksi dengannya
Jadi anda boleh menggunakan pembolehubah CSS sebaliknya:
Fail gaya:
.highlight:hover { background-color: var(--highlight-color); }Templat:
<div class="highlight" *ngFor="let u of users;" [ngStyle] = "{'--highlight-color': u.selected ? 'red' : 'blue'} "> {{ u.name }} </div>