Controller not working in angularjs

Question

Below code is not giving output as expected i:e Hello,World output: {{ greetings.text }}, world

Can anyone help me why its not displaying 'hello, world' instead where I am wrong

<!doctype html>
    <html ng-app>
    <head>
    <meta charset="utf-8">
    <title>Angular JS App 1</title>
    <script type="text/javascript" src="angular-v1.4.js"></script>
    <script type="text/javascript" src="controllers.js"></script>
    </head>

    <body>
        <div ng-controller='HelloController'> //controller
            <p>{{ greetings.text }}, World</p>
        </div>
    </body>
    </html>

script for controller

function HelloController($scope){
    $scope.greetings = {text : 'hello'};
}

Post you script please.

Vivek
– Vivek

2015-12-17 10:38:09 +00:00
Commented Dec 17, 2015 at 10:38 — Vivek
– Vivek, Commented Dec 17, 2015 at 10:38
Post your controller definition

Chris Hermut
– Chris Hermut

2015-12-17 10:39:08 +00:00
Commented Dec 17, 2015 at 10:39 — Chris Hermut
– Chris Hermut, Commented Dec 17, 2015 at 10:39
I think your ng-app is missing

Vishal Kamal
– Vishal Kamal

2015-12-17 10:40:03 +00:00
Commented Dec 17, 2015 at 10:40 — Vishal Kamal
– Vishal Kamal, Commented Dec 17, 2015 at 10:40
added the script for controller

Sam
– Sam

2015-12-17 10:42:07 +00:00
Commented Dec 17, 2015 at 10:42 — Sam
– Sam, Commented Dec 17, 2015 at 10:42

Anik Islam Abhi · Accepted Answer · 2015-12-17 10:44:57Z

4

Global controller isn't allowed from 1.3.x

Try like this

var app = angular.module("app", []);
app.controller("HelloController", function($scope) {
    $scope.greetings = {
        text: 'hellow world'
    }
});

HTML

add module name

<html ng-app="app">

edited Dec 17, 2015 at 10:44

answered Dec 17, 2015 at 10:42

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

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

1 Comment

Sam Over a year ago

thanks I was learning from old book.any suggestion on where to learn angularjs

Durgpal Singh · Accepted Answer · 2015-12-17 10:41:47Z

1

add module name in ng-app.. like

<div ng-app='app'>
</div>

like this

<script>
  angular.module('app', [])
    .controller('testCtrl', ['$scope', function($scope){
      $scope.test ="hello world";
    }])
</script>

plunker code here

answered Dec 17, 2015 at 10:41

Durgpal Singh

12k4 gold badges40 silver badges50 bronze badges

Comments

Vivek · Accepted Answer · 2015-12-17 10:39:54Z

0

You need to provide the value for ng-app directive.

Like

<html ng-app="myapp">

and you should have the angular module myapp defined in script.

answered Dec 17, 2015 at 10:39

Vivek

13.6k19 gold badges101 silver badges139 bronze badges

Collectives™ on Stack Overflow

Controller not working in angularjs

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related