1. ホーム
  2. angularjs

[解決済み] ng-classを使った複数クラスの追加

2022-03-16 21:28:47

質問

複数のng-classを追加するために、複数の式を用意することはできますか?

例えば

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

もしそうなら、どなたかその例を載せていただけませんか。

.

解決方法は?

と評価されたときに、異なるクラスを適用するには true :

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

ある式が真である場合に、複数のクラスを適用すること。

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

とか、ごく簡単に言うと

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

シングルクォートでCSSクラスを囲んでいることに注意してください。