为什么我的简单Angular.js应用程序不起作用?

Cod*_*ein 2 javascript angularjs

我知道这不会被认为是一个很好的Stackoverflow问题,但我不能为我的生活弄清楚为什么这不起作用(基于Angular自己的教程,我正在跟随),我没有人问.

我在浏览器中打开我的HTML.该文件看起来完全像这样:

<!DOCTYPE html>
<html>
<head ng-app="MyFirstApp">
    <title>My Page</title>
    <script src="bower_components/angular/angular.js"></script>
    <script>
        var mod = angular.module("MyFirstApp", []);
        mod.controller('myController', function($scope){
            alert("Hi");
            $scope.a = 5;
        });
    </script>
</head>
<body ng-controller="myController">
<h1> My Body </h1>
<div>
    <h1>{{a}}</h1>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

一切都很好,控制台没有错误.我检查了两次和三次,并且所有变量拼写正确.

你能告诉我为什么它不起作用吗?

K.T*_*ess 7

ng-app="MyFirstApp" 在HTML或正文中

喜欢

<html ng-app="MyFirstApp">
Run Code Online (Sandbox Code Playgroud)

要么

<body ng-app="MyFirstApp">
Run Code Online (Sandbox Code Playgroud)

如果<head ng-app="MyFirstApp">您像这样定义ng-app ,则表示您的应用.范围是在head标签中放置的,因此它对身体不可见,但只有in head.