AngularJS commande ng style
AngularJS exemples
Utilisez AngularJS ajouter du style à l'aide du clavier CSS => format d'objet de valeur:
<Body ng-app = "myApp " ng-controller = "myCtrl">
<H1 ng style = "myObj "> tutoriel </ h1>
<Script>
var app = de angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ portée) {
$ Scope.myObj = {
"Couleur": "blanc",
"Background-color": "corail",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
<H1 ng style = "myObj "> tutoriel </ h1>
<Script>
var app = de angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ portée) {
$ Scope.myObj = {
"Couleur": "blanc",
"Background-color": "corail",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
Essayez »
Définition et utilisation
instructionng-style pour les éléments HTML pour ajouter des attributs de style.
valeur d'attributng style doit être un objet, l'objet est retourné par l'expression.
Objet enregistrement par les propriétés CSS et les valeurs que les principales paires => valeur.
grammaire
<Element ng-style = "expression "> </ element>
Tous les éléments HTML prennent en charge cette propriété.
Paramètre Valeur
valeur | description |
---|---|
string | Une expression qui renvoie un objet par les propriétés CSS et leurs valeurs. |