AngularJS ng-style-Befehl
AngularJS Beispiele
Verwenden AngularJS add Stil CSS Schlüssel => Wert Objektformat:
<Body ng-app = "myApp " ng-Controller = "myCtrl">
<H1 ng-style = "myObj "> Tutorial </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ scope) {
$ Scope.myObj = {
"Farbe": "weiß",
"Background-color": "Koralle",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
<H1 ng-style = "myObj "> Tutorial </ h1>
<Script>
var app = angular.module ( "myApp", []);
app.controller ( "myCtrl", function ($ scope) {
$ Scope.myObj = {
"Farbe": "weiß",
"Background-color": "Koralle",
"Font-size": "60px",
"Padding": "50px"
}
});
</ Script>
</ Body>
Versuchen »
Definition und Verwendung
ng-Stil Anweisung für die HTML - Elemente Style - Attribute hinzuzufügen.
ng-style - Attribut - Wert muss ein Objekt sein, wird das Objekt durch den Ausdruck zurückgegeben.
Objekt Registrierung durch die CSS-Eigenschaften und Werte, die die Schlüssel => Wert-Paaren.
Grammatik
<Element ng-style = "Ausdruck "> </ element>
Alle HTML-Elemente unterstützt diese Eigenschaft.
Parameter Wert
Wert | Beschreibung |
---|---|
Schnur | Ein Ausdruck, der ein Objekt durch die CSS-Eigenschaften und deren Werte zurückgibt. |