AngularJS perintah ng-gaya
AngularJS contoh
Gunakan AngularJS menambah gaya menggunakan tombol CSS => Format nilai objek:
<Tubuh ng-app = "myApp " ng-controller = "myCtrl">
<H1 ng-style = "myObj "> tutorial </ h1>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.myObj = {
"Warna": "putih",
"Latar belakang warna": "karang",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
<H1 ng-style = "myObj "> tutorial </ h1>
<Script>
var aplikasi = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ lingkup) {
$ Scope.myObj = {
"Warna": "putih",
"Latar belakang warna": "karang",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
Coba »
Definisi dan Penggunaan
instruksing-gaya untuk elemen HTML untuk menambahkan atribut gaya.
ng-gaya nilai atribut harus menjadi objek, objek tersebut dikembalikan oleh ekspresi.
pendaftaran objek dengan sifat CSS dan nilai-nilai bahwa kunci pasangan => value.
tatabahasa
<Elemen ng-style = "ekspresi "> </ elemen>
Semua elemen HTML mendukung properti.
Nilai parameter
nilai | deskripsi |
---|---|
tali | Ekspresi yang mengembalikan sebuah objek dengan sifat CSS dan nilai-nilai tersebut. |