AngularJS
w stylu ng

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


Wprowadzenie

Dyrektywa „ngStyle” pozwala warunkowo ustawić styl CSS na elemencie HTML. Podobnie do tego, w jaki sposób możemy użyć atrybutu stylu na elemencie HTML w projektach innych niż AngularJS, możemy używać ng-style w angularjs do stosowania stylów opartych na niektórych warunkach boolowskich.

Składnia

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

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

Zastosowanie stylu ng

Poniższy przykład zmienia krycie obrazu na podstawie parametru „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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow