Cours optionnels

Manuel de référence AngularJS

Recommandation de cours :

Attribut. Directive ng-style d'AngularJS Définition et utilisation La directive spécifie le style des éléments HTML

Attribut. ng-style

Les valeurs des attributs doivent être des objets ou des expressions qui renvoient des objets.

Exemple

Utilisez un objet avec des clés et des valeurs en CSS pour ajouter des styles avec AngularJS :

<body ng-app="myApp" ng-controller="myCtrl">
<h1 ng-style="myObj">Bienvenue</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>

Essayez-le vous-même

Syntaxe

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

Tous les éléments HTML supportent.

Paramètres

Paramètres Description
expression Expression, retourne un objet où les clés sont les propriétés CSS et les valeurs sont les valeurs CSS.

Manuel de référence AngularJS