[解決済み] 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クラスを囲んでいることに注意してください。
関連
-
[解決済み] AngularJSのコントローラを指定する:ngControllerと$routeProviderを使用する利点
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] AngularJS テンプレートにおける if else ステートメント
-
[解決済み] AngularJSでチェックボックスの値のリストにバインドするにはどうすればいいですか?
-
[解決済み] あるAngularJSのコントローラが別のコントローラを呼び出すことはできますか?
-
[解決済み] AngularJSのngClassの条件付き
-
[解決済み] AngularJS : なぜangularでは{{}}よりもng-bindが良いのですか?
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
-
[解決済み】AngularJSのngクラスのif-else式
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】Angularjsのng-viewが動作しない。
-
[解決済み] angularのpostリクエストでpreflightのレスポンスがHTTPステータスコード403で不正になる。
-
[解決済み] AngularJSの.$uibModalとは何ですか?
-
[解決済み] AngularJSのシンプルな "Hello, world "が動作しない。
-
[解決済み] Angular UI-Routerのマルチビュー
-
[解決済み] ng-repeat内で$indexを使用して、クラスを有効にしてDIVを表示するにはどうすればよいですか?
-
AngularJSのベストプラクティス。ng-repeatの$indexに注意する。
-
[解決済み] Angularjsを使用してローカルストレージにデータを保存するにはどうすればよいですか?
-
[解決済み] Jasmineの "callThrough "と "callFake() "の実用的な例が欲しい
-
[解決済み] Angular JSによるシンプルなポップアップ