Angular.js: How to create controller in module? - module

Question

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 1

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

Answer 2

Official Docs:
http://docs.angularjs.org/guide/controller
Syntax:
var myApp = angular.module('myApp',[]);
myApp.controller('GreetingController', ['$scope', function($scope) {
$scope.greeting = 'Hola!';
}]);

Answer 3

var myName1=angular.module("myName",[]);
myName1.controller("nameInfo",["$scope",function($scope){
$scope.name="Rajnish";
$scope.address="Delhi";
}
])

Answer 4

Not much different but this one works too.
angular.module('todoList', []).
controller('myCtrl',
function ($scope){
$scope.todos=[{text: "Hello"},{text: "World"}];
});

Answer 5

You can do like this too by using JS strict mode-
(function() {
'use strict';
angular.module('listProject', []);
})();
(function() {
'use strict';
angular.module('listProject').controller('MyController', ['$scope',
function($scope) {
console.log("Hello From ListProject Module->My Controller"):
}
])
})();