1

angularクラス（ng-class）ディレクティブで三項式とブール式を組み合わせて記述しようとしています。しかし、それを機能させるための正しい構文が見つからないか、Web 上でまともな例を見つけることができません。

angularクラスディレクティブでは、次のような三項式を記述できることを知っています。

<... ng-class="isAdmin ? 'enabled' : 'disabled'" ...>

そして、次のようなブール式。

<... ng-class="{visible:isPowerUser}" ...>

しかし、このようにそれらを混合する方法はありますか？

<... ng-class="{visible:isPowerUser} & (isAdmin ? 'enabled' : 'disabled')" ...>

ありがとう

4

2 に答える 2

0

次のようなものを使用できます。

ng-class="{visible: isPowerUser, enabled: isAdmin, disabled: !isAdmin}"
  • isAdminがの場合、有効なtrueクラスが割り当てられます
  • そうでなければ!isAdmin(であるfalse)、無効なクラスが割り当てられます

isPowerUserが true の場合、可視も割り当てられます。詳細はこちら

他のオプションは次のようになります。

ng-class="{visible: isPowerUser && isAdmin}"

visible両方の部分が真の場合にのみクラスを割り当てます

于 2014-01-01T15:48:55.867 に答える