AngularJS
ng-style

Angular 2 Cordova CSS HTML ionic-framework JavaScript jQuery Node.js PHP twitter-bootstrap
Ricerca…


introduzione

La direttiva 'ngStyle' consente di impostare lo stile CSS su un elemento HTML in modo condizionale. Proprio come utilizzare l'attributo di stile sull'elemento HTML in progetti non AngularJS, possiamo usare ng-style in angularjs per applicare stili basati su alcune condizioni booleane.

Sintassi

  • <ANY ng-style="expression"></ANY >

  • <ANY class="ng-style: expression;"> ... </ANY>

Uso di ng-style

Sotto l'esempio cambia l'opacità dell'immagine in base al parametro "stato". 

 <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
Autorizzato sotto CC BY-SA 3.0
Non affiliato con Stack Overflow