Why array element is not displayed in ng-repeat structure

Question

I used $scope but my array is not displayed. I came from knockoutjs and this is really strange.

angular.module('app', []).controller('T', function ($scope) {
    $scope.Test = "AAA";
    $scope.todos = [{
        text: 'learn angular',
        done: true
    }, {
        text: 'build an angular app',
        done: false
    }];
});

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.6/angular.min.js"></script>
<div ng-app="app">
    <div ng-controller="T">{{Test}}
        <ul class="unstyled">
            <li ng-repeat="todo in T.todos"> <span>{{todo.text}}</span>
            </li>
        </ul>
    </div>
</div>

The Head Rush · Accepted Answer · 2015-09-03 15:45:53Z

3

You don't need to explicitly refer to the controller in the ng-repeat call -- ng-repeat="todo in todos" is fine.

Updated fiddle: http://jsfiddle.net/b1dotx4y/1/

answered Sep 3, 2015 at 15:45

The Head Rush

3,3763 gold badges30 silver badges47 bronze badges

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

2 Comments

Yiping Over a year ago

Thanks but on AngularJS homepage they use "<li ng-repeat="todo in todoList.todos">"

isherwood Over a year ago

In that case, todoList is a data object, not the controller name.

isherwood · Accepted Answer · 2015-09-03 15:46:27Z

2

Change ng-repeat="todo in T.todos" to ng-repeat="todo in todos".

edited Sep 3, 2015 at 15:46

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Sep 3, 2015 at 15:46

Brian Lowry

1294 bronze badges

Comments

isherwood · Accepted Answer · 2015-09-03 15:48:32Z

1

You can remove T.todos and use just todos in the view. Otherwise use controller as notation like T as t in ng-controller. Then use t.todos.

edited Sep 3, 2015 at 15:48

isherwood

61.4k16 gold badges122 silver badges173 bronze badges

answered Sep 3, 2015 at 15:47

Gerard Sans

2,2791 gold badge15 silver badges13 bronze badges

Collectives™ on Stack Overflow

Why array element is not displayed in ng-repeat structure

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related