[解決済み】AngularJSのngクラスのif-else式
2022-04-18 07:47:12
質問
と
AngularJS
を使っています。
ng-class
は、次のようにします。
<div class="bigIcon" data-ng-click="PickUp()"
ng-class="{first:'classA', second:'classB', third:'classC', fourth:'classC'}[call.State]"/>
を使えばいいのかなと思っています。
if-else
という表現で、これに近いことができます。
<div class="bigIcon" data-ng-click="PickUp()"
ng-class="{first:'classA', second:'classB', else:'classC'}[call.State]"/>
だから、いつでも
call.State
とは異なります。
first
または
second
使用
classC
と、各値の指定を避けることができますか?
どのように解決するのですか?
ネストされたインラインの if-then 文 ( 三項演算子 )
<div ng-class=" ... ? 'class-1' : ( ... ? 'class-2' : 'class-3')">
例えば
<div ng-class="apt.name.length >= 15 ? 'col-md-12' : (apt.name.length >= 10 ? 'col-md-6' : 'col-md-4')">
...
</div>
そして、それが 同僚が読むことができる :)
関連
-
[解決済み] AngularJSでkeypressイベントを使用するには?
-
[解決済み] エラーです。[$injector:unpr] 不明なプロバイダです。ルートプロバイダ
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] AngularJSを使用して、ブラウザのコンソールで$scope変数にアクセスするにはどうすればよいですか?
-
[解決済み] クラスを条件付きで適用する場合の最適な方法は何ですか?
-
[解決済み] AngularJSで$scope.$watchと$scope.$applyを使用するにはどうすればよいですか?
-
[解決済み] AngularJS コントローラにおける 'this' と $scope の比較
-
[解決済み] AngularJS テンプレートにおける if else ステートメント
-
[解決済み] ng-classを使った複数クラスの追加
-
[解決済み】AngularJSのディレクティブスコープにおける「@」と「=」の違いは何ですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】typeerrorは、未定義のプロパティ'data'を読み取ることができません。
-
[解決済み] `ui-router` $stateParams vs. $state.params
-
[解決済み] プリフライト応答が成功しない
-
[解決済み] AngularJs ReferenceError: $http is not defined
-
[解決済み] Angular JS $locationChangeStart 次の url ルートオブジェクトを取得する
-
[解決済み] createspyとcreatespyobjの違いは何ですか?
-
angularjs が src で指定されたコンテンツを iframe 内で正しく表示しない
-
[解決済み] どのように$state.goにパラメータを追加しますか?
-
[解決済み] 入力フィールドにフォーカスを当てるには?
-
[解決済み] AngularJSでコントローラを2回実行する場合の対処法