AngularJS parser is not activatied when application name is provided

Question

Using AngularJS, the following html code prints {{1+1}} instead of 2

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <script src="/js/angular.min.js"></script>
</head>
<body>
{{1+1}}
</body>
</html>

While if I remove "myApp" like below, it prints 2 correctly.

<!doctype html>
<html lang="en" ng-app>
<head>
    <script src="/js/angular.min.js"></script>
</head>
<body>
{{1+1}}
</body>
</html>

Vojta · Accepted Answer · 2012-05-21 05:28:41Z

8

Because you don't specify the module myApp so it blows up on the error.

Open web inspector console to see it.

// adding this will fix it
angular.module('myApp', []);

answered May 21, 2012 at 5:28

Vojta

23k5 gold badges52 silver badges46 bronze badges

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

1 Answer 1