AngularJS
ng-style

Angular 2 Cordova CSS HTML ionic-framework JavaScript jQuery Node.js PHP twitter-bootstrap
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