Angular JS. My output should give Hello but it is showing {{message}}

Question

I am new and started practicing Angular JS.

My output should give Hello but it is showing {{message}}

Below is HTML code:

<!DOCTYPE html>
<html ng-app="HelloWorldApp">
<head>
    <script     src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="hello_world_controller.js"></script>
</head>
<body>
    <div ng-app="HelloWorldApp">
    <div ng-controller="HelloWorldController">
        <p>{{message}}</p>
    </div>
    </div>
</body>
</html>

Below is Angular js code:

angular.module('HelloWorldApp', [])
  .controller("HelloWorldController", ["$scope", function ($scope){
     $scope.message = "Hello";
  }]);

Answer 1

I do not see any error with your code, Check your angular version

DEMO

 angular.module('HelloWorldApp', []) .controller("HelloWorldController", ["$scope", function ($scope) { $scope.message = "Hello"; }]);

 <!DOCTYPE html> <html ng-app="HelloWorldApp"> <head> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script> <script src="hello_world_controller.js"></script> </head> <body> <div ng-app="HelloWorldApp"> <div ng-controller="HelloWorldController"> <p>{{message}}</p> </div> </div>

Angular JS. My output should give Hello but it is showing {{message}}

Question

1 answers

solution1
0 ACCPTED 2017-02-02 18:00:20

Angular JS. My output should give Hello but it is showing {{message}}

Question

1 answers

solution1 0 ACCPTED 2017-02-02 18:00:20

solution1
0 ACCPTED 2017-02-02 18:00:20