Problem with module creation and localization by Angularjs

Question

Problem with module creation and localization by Angularjs

Asked 8 years, 4 months ago

Viewed 48 times

0

Look at the code;

<!DOCTYPE html ng-app="helloWword">
<html>
<head>
    <title>Ola Mundo</title>
    <script src="angular.js"></script>
    <script>
        angular.module("helloWword", []);
        angular.module("helloWword").controller("helloWwordCtrl", function ($scope) {
            $scope.message = "Ola mundo";
        });
    </script>
</head>
<body>
<div ng-controller="helloWwordCtrl">
    {{message}}
</div>
</body>
</html>

As you can see I’m creating the modem here on this line;

angular.module("helloWword", []);

And here I am getting the module located;

    angular.module("helloWword").controller("helloWwordCtrl", function ($scope) {
        $scope.message = "ESTA APARECENDO NO SITE";
    });
</script>

and by the line of code was to appear IS APPEARING ON THE SITE in the browser screen, and that’s not what happens, it just appears {{message}}

I wonder what I did wrong?

1.x or 2.x angular?

– pmargreff

2016/05/15 at 10:11
Have you tried the ng-app="helloWword" in the <body>? works for me... http://jsfiddle.net/s8wp9pob/

– Sergio

2016/05/15 at 10:23

1 answer

Browser other questions tagged javascript

You are not signed in. Login or sign up in order to post.

by pmargreff • **2,343** points · Answer 1 · 2016-05-15T10:32:35+00:00

Your mistake is in the first two lines:

<!DOCTYPE html ng-app="helloWword">
<html>

You need to declare the app at the beginning of html and not in the file type declaration. Although a best practice is to declare the ngApp in the body as Sergio has already commented. To work the code should be something like:

<!DOCTYPE html>
<html ng-app="helloWorld">
<head>
  <title>Hello World</title>
</head>
<body>
  <div ng-controller="teste">
    {{message}}
  </div>

  <script src="angular.min.js"></script>
  <script>
  var app = angular.module("helloWorld", []);

  app.controller('teste', function ($scope) {
    $scope.message = "Hello from the other side!!";
  });

  </script>
</body>
</html>