AngularJS comando ng stile
Manuale di riferimento AngularJS
AngularJS esempi
Utilizzare AngularJS un tocco di stile con il tasto CSS => formato oggetto di valore:
<Corpo ng-app = "myApp " ng-controllore = "myCtrl">
<H1 ng-style = "myObj "> esercitazione </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.myObj = {
"Colore": "bianco",
"Background-color": "corallo",
"Font-size": "60px",
"Imbottitura": "50px"
}
});
</ Script>
</ Corpo>
<H1 ng-style = "myObj "> esercitazione </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", la funzione ($ portata) {
$ Scope.myObj = {
"Colore": "bianco",
"Background-color": "corallo",
"Font-size": "60px",
"Imbottitura": "50px"
}
});
</ Script>
</ Corpo>
Prova »
Definizione e utilizzo
istruzioniin stile ng per gli elementi HTML per aggiungere attributi di stile.
valore di attributoin stile ng deve essere un oggetto, l'oggetto viene restituito dall'espressione.
registrazione oggetto dalle proprietà CSS ed i valori che le coppie => valore della chiave.
grammatica
<Elemento ng-style = "espressione "> </ element>
Tutti gli elementi HTML supportano questa proprietà.
Valore parametro
valore | descrizione |
---|---|
stringa | Un'espressione che restituisce un oggetto dalle proprietà CSS ed i valori dello stesso. |