2016-12-02 8 views
2

自分のフィールドにデータがないときにクラスを適用するタグがあります。anglejsでng-classを使用してCSSを適用する方法

<label class="col-xs-6 btn btn-white" ng-click="checkMultiSelect(vm.settingsObj.customfields_student,val.key)" ng-class="{'active': vm.settings.customfields_student.indexOf(????) == -1 }"> 

マイ設定オブジェクトは、このようなものです:

"details": { 
    "__v": 0, 
    "_id": "58413d990533de0d1a3a4986", 
    "customfields_student": [ 
     "" 
    ], 
    } 
} 

いずれかは、それが空になったとき、私はクラスを適用することができますどのように私のための助けを提案することはできますか?

答えて

1

コードです:

あなたは、配列のlengthをチェックする必要があります。

ng-class="{'active': vm.settings.customfields_student.length==0 }" 

ここには、作業fiddleがあります。

+0

あなたの助けてくれてありがとうございますが、私は "customfields_student"がない場合は、クラスをアクティブにする方法は、詳細db = {}; – MMR

+0

これを使用してください: 'ng-class =" {'active':details.customfields_student == undefined} "' –

+0

ここに例があります:http://jsfiddle.net/Lvc0u55v/12842/ –

1

Array.lengthプロパティを使用して、配列の要素数を返します。

ng-class="{'active': vm.settings.customfields_student.length == 0 || vm.settings.customfields_student[0].length == 0 }" 

String.lengthプロパティを使用すると、最初の要素の長さを確認できます。

関連する問題