AngularJS
estilo ng

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


Introducción

La directiva 'ngStyle' le permite establecer el estilo CSS en un elemento HTML condicionalmente. Al igual que la forma en que podríamos usar el atributo de estilo en un elemento HTML en proyectos que no son AngularJS, podemos usar ng-style en angularjs para aplicar estilos basados ​​en alguna condición booleana.

Sintaxis

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

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

Uso de estilo ng

El siguiente ejemplo cambia la opacidad de la imagen según el parámetro "estado". 

 <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
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow