Cannot declare controller in Angular Js

Question

I am developing a web application. In my application, I am using Angular JS. I am new to Angular JS. But now I am having a problem my declaring controller. Here is my code.

<html>
<head>
 //files references
</head>
<script>
var app = angular.module('memeApp',['ngRoute','ui.bootstrap']);
</script>
<nav class="nav-bar">
<a href="page1">Home</a>
<a href="page2">Account</a>
</nav>
<div class="content" ng-app="memeApp" ng-controller="DefaultController">
//content
</div>
</div>
</body>
</html>

As you can see I did nothing yet. I declare a controller named DefaultController. So when I check log, it is giving me following error:

So my controller is totally not working. When I add js code for controller as well. If I removed controller directive, errors gone. Why is my controller not working?

I don't see your controller defined anywhere, only you calling it when it doesn't exist — Sterling Archer
– Sterling Archer, Commented Sep 30, 2016 at 14:24
You declared a controller that you didn't define. Remove it from your DOM or declare it as following : app.controller('DefaultController', function(){}); — Zakaria
– Zakaria, Commented Sep 30, 2016 at 14:24
As you can see I added ng-controller="DefaultController" besides ng-app declaration. @SterlingArcher — Wai Yan Hein
– Wai Yan Hein, Commented Sep 30, 2016 at 14:27
There's a major difference between adding the controller, and defining it. ng-controller expects the controller to exist, and you haven't defined one. — Sterling Archer
– Sterling Archer, Commented Sep 30, 2016 at 14:28
Here is a couple of mini-advices: 1.You are missing the open '<body> tag 2. You should put the script bloque just before of closing the '</body>' tag. 3. Read the answer from @Mickers — codebear22
– codebear22, Commented Sep 30, 2016 at 14:37

devqon · Accepted Answer · 2016-09-30 14:34:50Z

2

You need to define a controller function 'DefaultController' before you use it in html div tag.

Add below code in your script tag.

app.controller('DefaultController', ['$scope', function($scope){

}]);

edited Sep 30, 2016 at 14:34

devqon

14k2 gold badges32 silver badges46 bronze badges

answered Sep 30, 2016 at 14:32

Manikanta Prasanth

715 bronze badges

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

Comments

Mickers · Accepted Answer · 2016-09-30 14:24:57Z

2

You need to define your controller somewhere and add it as a dependency to the app first. Example:

angular.module('app.controllers', [])
    .controller('DefaultController' function() {
        //do stuff
    };

and in your app definition:

var app = angular.module('memeApp',['ngRoute','ui.bootstrap', 'app.controllers']);

answered Sep 30, 2016 at 14:24

Mickers

1,4492 gold badges21 silver badges32 bronze badges

Collectives™ on Stack Overflow

Cannot declare controller in Angular Js

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related