Angular.js: How to create controller in 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?

Arun P Johny · Accepted Answer · 2013-04-01 03:51:43Z

15

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

answered Apr 1, 2013 at 3:51

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

5 Comments

SomethingOn Over a year ago

How would I create an instance method on the myCtrl controller?

Arun P Johny Over a year ago

what do you mean by an instance method

SomethingOn Over a year ago

I think my problem is more with ng-click no linking up somewhere. When I click a button I want to call a function on the controller rather than reading a property

Arun P Johny Over a year ago

@SomethingOn It will be better if you can ask a new question with your code shared

SomethingOn Over a year ago

Just posted ;) stackoverflow.com/questions/21718741/…

Bijan · Accepted Answer · 2014-04-11 02:06:46Z

2

Official Docs:

http://docs.angularjs.org/guide/controller

Syntax:

var myApp = angular.module('myApp',[]);

myApp.controller('GreetingController', ['$scope', function($scope) {
  $scope.greeting = 'Hola!';
}]);

answered Apr 11, 2014 at 2:06

Bijan

26.6k8 gold badges82 silver badges73 bronze badges

Comments

Jeroen · Accepted Answer · 2014-03-29 15:04:57Z

1

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

edited Mar 29, 2014 at 15:04

Jeroen

64.4k47 gold badges231 silver badges372 bronze badges

answered Mar 29, 2014 at 14:44

Rajnish Bakaria

1161 silver badge3 bronze badges

Comments

Otpidus · Accepted Answer · 2013-11-26 00:45:08Z

0

Not much different but this one works too.

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

answered Nov 26, 2013 at 0:45

Otpidus

5195 silver badges5 bronze badges

Comments

dprobhat · Accepted Answer · 2016-06-20 17:30:10Z

0

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"):

   }

])

})();

answered Jun 20, 2016 at 17:30

dprobhat

1522 silver badges11 bronze badges

Collectives™ on Stack Overflow

Angular.js: How to create controller in module?

5 Answers 5

5 Comments

Official Docs:

Syntax:

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

5 Comments

Official Docs:

Syntax:

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related