Corsi opzionali

Manuale di riferimento AngularJS

Recomendazioni di corso:

Attributo Direttiva ng-style di AngularJS Definizione e uso La direttiva style specifica

Attributo ng-style

Il valore dell'attributo deve essere un oggetto o un'espressione che restituisce un oggetto.

Esempio

Utilizza un oggetto con chiavi e valori CSS per aggiungere stili con AngularJS:

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">Benvenuto</h1>
<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myObj = {
        "color" : "white",
        "background-color" : "coral",
        "font-size" : "60px",
        "padding" : "50px"
    }
});
</script>
</body>

Prova personalmente

Sintassi

<element ng-style="expression</element>

Tutti gli elementi HTML supportano.

Parametri

Parametri Descrizione
expression Espressione, restituisce un oggetto in cui le chiavi sono le proprietà CSS e i valori sono i valori CSS.

Manuale di riferimento AngularJS