AngularJS: the controller function is not a function got undefined

Question

I am a AngularJS beginer.Here is my HTML:

 <div class="col-md-12 footer" ng-controller="User">
  {{user.username||"ad"}}

 </div>

Here is my controllers.js:

angular.controller('User', user);
function User($scope){
    $scope.user={
        'username':"wang",
        'password':"wanghao"
    }
}

And I linked the controller in the (I am sure the link is right):

<script src="js/Angular/angular.js"></script>
      <script src="js/Angular/controllers.js"></script>

But，when I run my code,here is the result:

{{user.username||"ad"}}

Here is the error: enter image description here I am really confused.I tried to write the JS in the HTML,or link the Javascript before the controller.But it still didn't work!!

controller function name is User, not user. try it first. angular.controller('User', user); function User($scope){ $scope.user={ 'username':"wang", 'password':"wanghao" } } — Raghu Venmarathoor
– Raghu Venmarathoor, Commented Nov 13, 2015 at 4:17

FesterCluck · Accepted Answer · 2015-11-13 04:52:47Z

1

It's this part, capitalization on your function.

angular.controller('User', user);
function user($scope){
    $scope.user={
        'username':"wang",
        'password':"wanghao"
    }
}

answered Nov 13, 2015 at 4:52

FesterCluck

3201 silver badge7 bronze badges

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

Comments

Charlie · Accepted Answer · 2015-11-13 05:06:14Z

0

The function names are wrong in the controller and the function.

Just change it to function user($scope)

OR

You can declare your controller function directly like this:

angular.controller('User', function($scope){

});

answered Nov 13, 2015 at 5:06

Charlie

24k12 gold badges65 silver badges96 bronze badges

Comments

Eric Mañangap Razon · Accepted Answer · 2015-11-13 05:07:53Z

0

 <div class="col-md-12 footer" ng-app="app" ng-controller="User">                
    {{user.username||"ad"}}
 </div>

 //---Controller---//
 var app = angular.module('app', []);
 app.controller('User', function($scope){
 $scope.user={
    'username':"wang",
    'password':"wanghao"
 }
 });

answered Nov 13, 2015 at 5:07

Eric Mañangap Razon

303 bronze badges

Collectives™ on Stack Overflow

AngularJS: the controller function is not a function got undefined

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related