AngularJS change class for 1 element

Asked Jun 10 '15 at 19:45

Active Jun 10 '15 at 19:45

Viewed 18 times

I want change the class to the same element when i click on him. For the moment, all classes changes. I miss something...

HTML Part

<div ng-app="MyApp" ng-controller="MainCtrl">
  <h4>Location</h4>
  <div ng-class="class" ng-click="changeToogleState(filter.value)" ng-repeat="filter in filters">{{filter.name}}</div>
</div>

JS Part

$scope.class = 'filter';
$scope.changeToogleState = function(value) {
  console.log(value);
  $scope.class = ($scope.class == 'filter') ? 'filter-active' : 'filter';
}

Thanks for your help.

http://codepen.io/anon/pen/waeoeP

asked Jun 10 '15 at 19:45

jlafforgue

1

ng-repeat creates a child scope. You need to follow the dot rule. For this element do this.class. – PSL Jun 10 '15 at 19:47
**TRY:** this.class = (this.class == 'filter') ? 'filter-active' : 'filter'; – Jonathan Tweedy Jun 10 '15 at 19:54
It works well, thanks !! :) – jlafforgue Jun 11 '15 at 19:32

AngularJS change class for 1 element

0 Answers0