モデル

Question

からCSSクラスを追加し、私は私が持っているので、変数に応じてCSSクラスを設定する必要があります。vm.planがnullでない場合は

が

<table class="info" data-ng-class="{ 'plan, {{vm.name}}': vm.name != null }"> 

私は授業計画とvm.nameから値を追加します。

しかし、これはvm.planのスタイルを適用しません。次のようになります。

<table class="info plan" data-ng-class="vm.name"> 

問題は、「vm.name」を追加するときにクラス「plan」を追加するだけです。

私は何をしないのですか？

Answer 1

配列表記は、ここではより便利になります

<table class="info" data-ng-class="[ vm.name != null ? 'plan ' + vm.name : '' ]"> 

またはあなたがより多くのそれを好きならば、あなたはまだ

<table class="info" data-ng-class="{{ vm.name != null ? 'plan ' + vm.name : '' }}"> 

補間タグを使用することができます。