ng de AngularJS-Directive de classe

Exemple

<!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">
<script　src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
<style>
.sky　{
　　　　color:white;
　　　　background-color:lightblue;
　　　　padding:20px;
　　　　font-family:"Courier　New";
}
.tomato　{
　　　　background-color:coral;
　　　　padding:40px;
　　　　font-family:Verdana;
}
</style>
</head>
<body　ng-app="">
<p>Choisir une classe:</p>/p>
<select　ng-model="home">
<option value="sky">Ciel/option>
<option value="tomato">Tomate/option>
</select>
<div　ng-class="home">
　　<h1>Bienvenue à la maison!/h1>
　　<p>I like it!/p>
</div>
</body>
</html>

Voyons si ça marche ‹/›

Définition et utilisation

ng-class L'instruction est utilisée pour lier dynamiquement une ou plusieurs classes CSS à un élément HTML.

ng-class La valeur de l'instruction peut être une chaîne, un objet ou un tableau.

Si c'est une chaîne, plusieurs noms de classes sont séparés par des espaces.

Si c'est un objet, il faut utiliser key-value paires, key est le nom de la classe que vous souhaitez ajouter, value est une valeur booléenne. La classe ne sera ajoutée que si value est true.

Si c'est un tableau, il peut être composé de chaînes ou d'objets, les éléments du tableau peuvent être des chaînes ou des objets.

Syntaxe

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

Tous les éléments HTML supportent.

Valeur du paramètre

Valeur	Description
expression	L'expression retourne une ou plusieurs classes.

AngularJS 参考手册

AngularJS 参考手册 AngularJS Select(选择框)

Tutoriel de base d'AngularJS

ng de AngularJS-Directive de classe

Définition et utilisation

Syntaxe

Valeur du paramètre