Saya menangani masalah saya seperti ini:
ng-style="{ width: getTheValue() }"
Tetapi untuk menghindari fungsi ini di sisi pengontrol, saya lebih suka melakukan sesuatu seperti ini:
ng-style="{ width: myObject.value == 'ok' ? '100%' : '0%' }"
Bagaimana saya bisa melakukan ini?
angularjs
angularjs-directive
TigrouMeow
sumber
sumber
Jawaban:
Seperti @Yoshi katakan, dari sudut 1.1.5 Anda dapat menggunakannya tanpa perubahan apa pun.
Jika Anda menggunakan sudut <1.1.5, Anda dapat menggunakan ng-class .
sumber
contoh sederhana:
{'background-color': 'green'} KEMBALI benar
ATAU hasil yang sama:
kemungkinan bersyarat lainnya:
sumber
isTrue
dan{'background-color':'green'}
ATAU itu akan memeriksa sajaisTrue
dan akan menempatkanbackground
cara kerjanya tolong jelaskan siapa pun?Anda dapat mencapainya seperti itu:
sumber
@ jfredsilva jelas memiliki jawaban paling sederhana untuk pertanyaan:
Namun, Anda mungkin benar-benar ingin mempertimbangkan jawaban saya untuk sesuatu yang lebih kompleks.
Contoh seperti-ternary:
Sesuatu yang lebih kompleks:
Jika
$scope.color == 'blueish'
, warnanya akan 'biru'.Jika
$scope.zoom == 2
, ukuran font adalah 26px.sumber
{<value>:'<string>'}[<$scope.var>]}
, dari mana asalnya?jika Anda ingin menggunakan dengan ekspresi, cara yang tepat adalah:
tapi cara terbaik adalah menggunakan ng-class
sumber
Syntax Error: Token '%3A' is%20an%20unexpected%20token at column 9 of the expression [ng-style%3A%
...Pada catatan umum, Anda dapat menggunakan kombinasi
ng-if
danng-style
memasukkan perubahan kondisional dengan perubahan pada gambar latar belakang.sumber
Uncaught Error: Template parse errors: Can't bind to 'ng-style' since it isn't a known property of 'div'
kesalahan bagi sayaUntuk properti css tunggal
Untuk beberapa properti css di bawah ini dapat dirujuk
Ganti 1 == 1 dengan ekspresi kondisi Anda
sumber
sintaks untuk operator ternary ini juga akan berfungsi:
di mana
<value>
$ lingkup nilai properti. Sebagai contoh:`` `
ini memungkinkan beberapa kalkulasi ke dalam nilai properti css.
sumber
Saya melakukan seperti di bawah ini untuk beberapa kondisi dan independen dan berfungsi seperti pesona:
sumber
Saya menggunakan ng-class untuk menambahkan gaya: -
Menggunakan operator ternary bersama dengan arahan kelas-ng di angular.js untuk memberikan gaya. Kemudian tentukan gaya untuk kelas dalam file .css atau .scss . Misalnya: -
sumber
Tidak yakin cara kerjanya untuk kalian, tetapi pada Angular 9 saya harus membungkus ngStyle dalam tanda kurung seperti ini:
Kalau tidak, itu tidak akan berhasil
sumber