AngularJS - accessing a array of objects in a controller goes wrong

Question

I'm trying to access an array of objects in my controller :

angular.module('schoolManagement').controller('CycleController', ['$scope', function($scope){
    $scope.cycles = [
        {
            nomCycle : 'Primaire',
            active   : 'oui'
        },
        {
            nomCycle : 'Collège',
            active   : 'non'
        }
    ];
    console.log($scope.cycles[0].nomCycle);
}]);

The console.log() gives exactly what i'm looking for the in console, but when i use ng-repeat to loop over the array in my view, it doesn't work :

<tbody ng-controller="CycleController as CycleCtrl">
    <tr ng-repeat="cycle in CycleCtrl.cycles">
        <td>
            <input type="checkbox" />
        </td>
        <td>{{cycle.nomCycle}}</td>
        <td>{{cycle.active}}</td>
    </tr>
</tbody>

EDIT :
Since i'm using $scope there is no need to use the controller syntax, the correct form in this :

<tr ng-repeat="cycle in cycles">...</tr>

You are using controller alias syntax and trying to get property from controller instance when it is assigned to scope property. — PSL
– PSL, Commented Jun 14, 2015 at 16:43

Numyx · Accepted Answer · 2015-06-14 16:43:28Z

2

If you use the controller as syntax, you need to change your controller to:

.controller('CycleController', [function() {
  this.cycles = [{
    nomCycle: 'Primère',
    active: 'oui'
  }, {
    nomCycle: 'Collége',
    active: 'non'
  }];
}]);

You don't need the $scope here. You may add it again, if you need things like watchers, etc.

answered Jun 14, 2015 at 16:43

Numyx

1,7582 gold badges11 silver badges16 bronze badges

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

Comments

aorfevre · Accepted Answer · 2015-06-14 16:43:14Z

1

I assume that line

<tr ng-repeat="cycle in CycleCtrl.cycles">

Shall be

<tr ng-repeat="cycle in cycles">

P.S: In french, Primère is spelled : PRIMAIRE

answered Jun 14, 2015 at 16:43

aorfevre

5,0744 gold badges23 silver badges54 bronze badges

1 Comment

bboulahdid Over a year ago

Thank you! You're P.S. made my day, hhah, what a stupid mistake. thx mate!

Alvin Thompson · Accepted Answer · 2015-06-14 16:43:30Z

1

You don't need to qualify the array with the name of the controller, since it's in scope. Instead, just:

<tr ng-repeat="cycle in cycles">

answered Jun 14, 2015 at 16:43

Alvin Thompson

5,4784 gold badges28 silver badges43 bronze badges

1 Comment

Alvin Thompson Over a year ago

@BOB: No problem! aorfevre posted his answer before mine. You should mark it as correct.

Collectives™ on Stack Overflow

AngularJS - accessing a array of objects in a controller goes wrong

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related