AngularJS
ng-style
Recherche…
Introduction
La directive 'ngStyle' vous permet de définir le style CSS sur un élément HTML de manière conditionnelle. Tout comme nous pourrions utiliser l'attribut de style sur l'élément HTML dans les projets non-AngularJS, nous pouvons utiliser ng-style dans les styles angularjs qui sont basés sur des conditions booléennes.
Syntaxe
<ANY ng-style="expression"></ANY ><ANY class="ng-style: expression;"> ... </ANY>
Utilisation de style ng
L'exemple ci-dessous modifie l'opacité de l'image en fonction du paramètre "status".
<img class="img-responsive" ng-src="{{imagesrc}}"
ng-style="{'opacity' : (status == 2) ? 1 : 0.5}">
Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow
