angularjs - ng-classの式で異なるタイプを使用するには?

Question

プレゼンテーションをコントローラーから分離したいとします。特に、コントローラー内のクラスをエンコードしたくありません。

1. 計算されるクラスが必要です（モデル文字列をクラス名に追加します）：

   <span ng-class="['my-class-'+model_value]">...</span>

2. そして、条件付きクラスが必要です（ブール条件に応じてクラスを表示します）：

   <span ng-class="{'conditional-class': model_condition}">...</span>

しかし、2 つのアプローチを 1 つのng-classステートメントに組み合わせるにはどうすればよいでしょうか。

Answer 1

classと のng-class定義を個別に使用できます。

<span class="my-class-{{model_value}}" 
      ng-class="{'conditional-class': model_condition}">
...
</span>

はng-classes元のクラスに追加されます。