Bagaimanakah Saya Boleh Memohon dan Mengalih Keluar Gaya CSS Secara Bersyarat dalam AngularJS?

Aplikasi Gaya CSS Bersyarat dalam AngularJS

Soalan: Bagaimanakah gaya CSS boleh digunakan dan dialih keluar secara bersyarat dalam AngularJS?

Jawapan: AngularJS menyediakan beberapa arahan untuk mengurus gaya CSS secara dinamik:

• ng-class: Guna atau alih keluar kelas CSS berdasarkan syarat.
• ng-style: Guna CSS khusus gaya, walaupun ia tidak boleh ditangkap dalam kelas.
• ng-show dan ng-hide: Togol keterlihatan unsur berdasarkan syarat.
• ng-if: Tunjukkan atau sembunyikan elemen berdasarkan satu syarat.
• ng-switch: Kendalikan berbilang keterlihatan eksklusif senario.
• ng-dilumpuhkan dan ng-baca sahaja: Kawal kelakuan elemen borang.
• ng-animate: Tambah animasi dan peralihan kepada elemen.

S1: Penggayaan Bersyarat untuk Pemadaman Item:

Gunakan ng-class untuk menogol kelas pemadaman yang belum selesai apabila item ditanda untuk pemadaman.

<div ng-repeat="item in items" ng-class="{'pending-delete': item.checked}">
   ...
   <input type="checkbox" ng-model="item.checked">
</div>

S2: Pengguna Boleh Disesuaikan Antara Muka:

Gunakan gaya ng untuk menggunakan gaya CSS secara dinamik berdasarkan pengguna input.

<div class="main-body" ng-style="{color: myColor}">
   ...
   <input type="text" ng-model="myColor" placeholder="enter a color name">
</div>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memohon dan Mengalih Keluar Gaya CSS Secara Bersyarat dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!