AngularJS
ng-style

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


Einführung

Mit der Anweisung 'ngStyle' können Sie den CSS-Stil für ein HTML-Element bedingt festlegen. So wie wir style- Attribute für HTML-Elemente in Nicht-AngularJS-Projekten verwenden könnten, können wir ng-style in anglejs verwenden, um Stile auf der Grundlage einiger boolescher Bedingungen anzuwenden.

Syntax

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

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

Verwendung von ng-style

Das folgende Beispiel ändert die Deckkraft des Bildes auf der Grundlage des Parameters "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
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow