AngularJS
ng-stijl

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


Invoering

Met de richtlijn 'ngStyle' kunt u voorwaardelijk CSS-stijl instellen op een HTML-element. Net als hoe we het stijlkenmerk op HTML-elementen in niet-AngularJS-projecten kunnen gebruiken, kunnen we ng-style in angularjs en stijlen toepassen op basis van een of andere Booleaanse voorwaarde.

Syntaxis

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

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

Gebruik van ng-stijl

Onderstaand voorbeeld wijzigt de dekking van de afbeelding op basis van de parameter "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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow