angular, ng-class with function inside repeat

Question

I'm trying to put a class on an input if it meets certain requirements and am having problems

it looks like so -

 ng-class="'isPartial': canPartial($index)"

This is inside a repeat, the function it's referring to looks like so

$scope.canPartial = function(index) {
     var needsMet = _.reduce($scope.allAccounts[index].schools, function (memo, schools) {
  return memo + (schools.selected ? 1 : 0);
}, 0);
     console.log(needsMet);
return (needsMet === $scope.allAccounts[index].schools.length);
};

so it's using underscore.js to check if all its children are checked. I know the function works correct, however my issue is passing it as the condition for the ng-class. So if it returns true it will add the class. I'm getting a $parse.syntax error and I cannot seem to figuire out why because I se other examples of ng-class using a function. Perhaps it's because I'm trying to pass the $index, however it is inside a repeat, but I don't know if that causes an issue.

Any help would be much appreciated. Thanks!

ST3 · Accepted Answer · 2016-05-12 14:13:21Z

1

Your ng-class expression is invalid.
Change your ng-class declaration in order to take an object as a value:

ng-class="{'isPartial': canPartial($index)}"

edited May 12, 2016 at 14:13

ST3

8,9805 gold badges72 silver badges98 bronze badges

answered Nov 14, 2014 at 17:00

gion_13

41.5k10 gold badges99 silver badges111 bronze badges

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

Collectives™ on Stack Overflow

angular, ng-class with function inside repeat

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related