How to apply css using ng-class in angularjs

Question

I have a tag in which I want to apply class when I have no data in my field.

<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 }">

My settings object is like this:

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

Can any one suggest help for me on how I can apply class when it is empty?

Mihai Alexandru-Ionut · Accepted Answer · 2016-12-02 09:40:11Z

1

That's the code:

You need to check the length of your array.

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

Here is a working fiddle.

edited Dec 2, 2016 at 9:40

answered Dec 2, 2016 at 9:27

Mihai Alexandru-Ionut

48.6k14 gold badges106 silver badges132 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

MMR Over a year ago

Thanks for your help but how to activate the class when i have no "customfields_student" in db i.e details={};

Mihai Alexandru-Ionut Over a year ago

Please use this: ng-class="{'active': details.customfields_student==undefined }"

Satpal · Accepted Answer · 2016-12-02 09:27:39Z

1

Use Array.length property, It returns the number of elements in an array.

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

If can use String.length property to check the length of first element.

answered Dec 2, 2016 at 9:27

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

How to apply css using ng-class in angularjs

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related