ng-repeat没有工作功能ng-class

Question

I cannot run function in the ng-class. I've copied what I've been doing, could you look for the error? What I want to do is to put the bold style on the element selected with a button. The Angular version is 1.3.4. Comment 'index' never shows in the console.

Html:

<li ng-repeat="i in getNumber(numsteps) track by $index" 
    ng-class="isActive($index) ">
    {{$index + 1}}
</li>

JavaScript:

$scope.it = 0;

$scope.isActive = function(index) {
    console.log('index');
    if ($scope.it === index) {
        return "bold";
    }
};

$scope.next = function () {                
    $scope.it = $scope.it < $scope.dataNumsteps
        ? $scope.it + 1
        : $scope.dataNumsteps;

    console.log($scope.it);
};

$scope.after = function () {                
    $scope.it = $scope.it > 1 ? $scope.it - 1 : 1
    console.log($scope.it);
};

Answer 1

I think your actual problem is the space in your ng-class attribute: ng-class="isActive($index) "

When removed, it works: http://jsfiddle.net/7pn2un39/