AngularJS
ng-stil

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


Introduktion

Direktivet 'ngStyle' låter dig ställa in CSS-stil på ett HTML-element på villkor. Ungefär som hur vi skulle kunna använda stil attribut på HTML-element i icke-AngularJS projekt, kan vi använda ng-style i angularjs tillämpar stilar baserat på några boolean tillstånd.

Syntax

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

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

Användning av ng-stil

Nedanstående exempel ändrar bildens opacitet baserat på parametern "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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow