AngularJS => ng-style

前書き

'ngStyle'指示文では、HTML要素のCSSスタイルを条件付きで設定できます。非AngularJSプロジェクトでHTML要素にstyle属性を使用する方法と同様に、 ng-styleをanglejsで使用すると、ブール条件に基づいてスタイルを適用できます。

構文

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

ng形式の使用

以下の例は、 "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

ライセンスを受けた CC BY-SA 3.0

所属していない Stack Overflow