hh54188 hh54188 - 5 months ago 10
AngularJS Question

Angular.js: How to create controller in module?

I want define a controller when use module:

angular.module('todoList', [], function () {

}).controller('myCtrl', function ($scope) {
return function ($scope) {
$scope.todos = [
{
text: "Hello"
}, {
text: "World"
}
]
}

})


then I want use the module and the ccontroller:

<div ng-controller="myCtrl" ng-app="todoList">
<li ng-repeat="todo in todos">
<span>{{todo.text}}</span>
</li>>
</div>


but it render nothing, what's wrong with my code?

Answer

Your controller is wrong, there is no need to have a return function.

angular.module('todoList', [], function () {

}).controller('myCtrl', function ($scope) {

        $scope.todos = [
            {
                text: "Hello"
            }, {
                text: "World"
            }
        ]
})

Demo: Plunker