Angular controller doesn't load

Question

I have a very simple Angular controller set up, but the code inside its constructor isn't running. Here are the relevant pieces:

conversationcontrollers.js:

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

console.log('file loaded');

exampleApp.controller('ConversationController', ['$scope',
    function($scope) {
        console.log('controller constructor loads');
    }
]);

conversation.html:

...
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>
<script src='/static/js/conversationcontrollers.js'></script>
...
<div ng-controller="ConversationController">
</div>
...

The files both load correctly according to the browser. But the only results from the console are:

file loaded

Can anyone help?

Do you have ng-app in your html element? What is the error you are getting? — Gaʀʀʏ
– Gaʀʀʏ, Commented Feb 25, 2014 at 17:17
Make sure you have in your html, proper html tag <html ng-app="exampleApp"> — defau1t
– defau1t, Commented Feb 25, 2014 at 17:21
Another note, you are creating a new angular module with the [] parameter. If conversation.html is a partial loaded in ng-view, you may want to be using the parent angular module. — Gaʀʀʏ
– Gaʀʀʏ, Commented Feb 25, 2014 at 17:21

bigblind · Accepted Answer · 2014-02-25 18:39:41Z

3

You'll also need an ng-app. This tells angular which part of your page is the angular application.

<div ng-app="exampleApp" ng-controller="ConversationController">
</div>

answered Feb 25, 2014 at 18:39

bigblind

12.9k14 gold badges72 silver badges132 bronze badges

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

Collectives™ on Stack Overflow

Angular controller doesn't load

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related