Keine funktionierende Funktion ng-Klasse mit ng-repeat

Question

Ich kann keine Funktion in der ng-Klasse ausführen. Ich habe kopiert, was ich gemacht habe. Kannst du nach dem Fehler suchen? Was ich tun möchte, ist, das Element, das mit einer Schaltfläche ausgewählt wurde, fett zu formatieren. Die Angular-Version ist 1.3.4. Kommentar 'index' wird niemals in der Konsole angezeigt.

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

Ich denke, Ihre eigentliche Problem der Raum in Ihrem ng-Klasse Attribut ist: ng-class="isActive($index) "

Wenn er entfernt wird, funktioniert es: http://jsfiddle.net/7pn2un39/