AngularJS ng-class filter not working

Question

I have a simple filter on my ng-class that looks for a rid that begins with '1A' in my ng-repeat of service in services

ng-class="{'couldBeWrong':rid.indexOf('1A') > -1}"

If the rid begins with 1A then the class of couldBeWrong should be applied

I have also tried various variations such as

class="{'couldBeWrong':rid.indexOf('1A') > -1}"

and

ng-class="{'couldBeWrong':service.rid.indexOf('1A') > -1}"

EDIT : Based on accepted answer, here is my solution

Added to controller

$scope.getClass = function(field){
    if(field.indexOf('1L') > -1){
        return true;//or you can modify as per your need
    }else{
        return false;//you can modify as per your need   
    }
}

and the NG-CLASS in the repeat

ng-class="{'couldBeWrong':getClass(service.rid)}"

Saurabh Agrawal · Accepted Answer · 2017-02-24 14:27:06Z

2

Try this

ng-class="{'couldBeWrong':getClass(rid)}"

In Controller

$scope.getClass = function(){
  if(rid.indexOf('1A') > -1){
    return true;//or you can modify as per your need
  }else{
    return false;//you can modify as per your need   
  }
}

edited Feb 24, 2017 at 14:27

answered Feb 24, 2017 at 12:35

Saurabh Agrawal

7,7553 gold badges31 silver badges52 bronze badges

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

3 Comments

Vitalii Andrusishyn Over a year ago

Your forget to close brackets: ng-class="{'couldBeWrong':getClass(rid)}"

Saurabh Agrawal Over a year ago

yeah @VitaliyAndrusishyn because I didnt run it :)

MOLEDesign Over a year ago

I based my answer on this, just tweaked it a little.. adding to OP now

Vohid Karimov · Accepted Answer · 2017-02-24 12:45:29Z

1

You seem to forget the closing braces. It should be like this:

ng-class="{'couldBeWrong':rid.indexOf('1A') > -1}"

answered Feb 24, 2017 at 12:45

Vohid Karimov

5495 silver badges10 bronze badges

1 Comment

Vohid Karimov Over a year ago

Could you provide the template plus controller. With what you have provided, it is expected to work

Collectives™ on Stack Overflow

AngularJS ng-class filter not working

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related