AngularJS の ng-class はクラス アプリケーションの複雑な条件式を処理できますか?

AngularJS の ng-class の条件式の強化

質問:

AngularJS の ng-class で条件式を使用できますか?条件付きで適用するクラスディレクティブclass?

詳細:

投稿者は、条件式を含む ng-class を使用する際に問題が発生し、その結果、条件に関係なくクラスが適用されてしまいました。彼らは、真実または偽の値を返すカスタム関数を含む回避策を考案しましたが、これが ng クラスの意図された動作であるかどうか疑問に思っています。

答え:

はい、条件式は ng-class で使用できます。最初の試行の構文は少し間違っていました。修正された式は次のとおりです:

{test: obj.value1 == 'someothervalue'}

この式は比較に基づいて true または false に評価され、それに応じて 'test' クラスが適用されます。

代替アプローチ:

• カスタム関数: 前述したように、複雑なシナリオで真または偽の値を返す関数。
• 論理式: 論理演算子 (|| など) を組み合わせて、より複雑な条件式を作成できます。

例:

{test: obj.value1 == 'someothervalue' || obj.value2 == 'somethingelse'}

追加注:

• ng クラスは、真または偽の値を返す式を評価します。
• 条件式が複雑すぎる場合は、カスタム関数の使用を検討してください。
• 論理演算子は、ng-class 内の条件式の機能を拡張できます。

以上がAngularJS の ng-class はクラス アプリケーションの複雑な条件式を処理できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。