☰

ng-classを使用して複数のクラスを追加する 質問する

tag-icon • tag-icon angularjs ng-class
ng-classを使用して複数のクラスを追加する 質問する

注意: このスレッドは古い AngularJS に関するものです。

複数の ng-class を追加するために複数の式を使用できますか?

例えば。

<div ng-class="{class1: expressionData1, class2: expressionData2}"></div>

もしそうなら、誰かそうする例を挙げてもらえませんか。

。

ベストアンサー1

異なる式が次のように評価された場合に異なるクラスを適用するにはtrue:

<div ng-class="{class1 : expression1, class2 : expression2}">
    Hello World!
</div>

式が true の場合に複数のクラスを適用するには:

<!-- notice expression1 used twice -->
<div ng-class="{class1 : expression1, class2 : expression1}">
    Hello World!
</div>

あるいは非常に簡単に言えば:

<div ng-class="{'class1 class2' : expression1}">
    Hello World!
</div>

CSS クラスを囲む一重引用符に注意してください。

おすすめ記事