为什么获胜'这不是我简单的Angular.js应用程序工作

Why won't my simple Angular.js app work?

本文关键字：Angular js 应用程序 工作 简单 获胜 这不是 为什么      更新时间：2023-09-26

我知道这不会被认为是一个好的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>

一切都加载得很好，控制台中没有任何错误。我检查了两次和三次，所有的变量都拼写正确。

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

放入

html或正文中的ng-app="MyFirstApp"

像

<html ng-app="MyFirstApp">

或

<body ng-app="MyFirstApp">

如果你像<head ng-app="MyFirstApp">这样定义ng应用程序，它表示你的应用程序。scope位于head标记中，因此它对主体不可见，而仅在head中具有。

嘿，你刚才忽略了角度嵌套。控制器连接到模块，并且可以在模块内访问
在您的案例中，您已经定义了模块MyFirstApp，并将其添加到head标签中。因此，链接的控制器可以在头标签的凹陷内访问。但是在这里，您已经将控制器myController添加到了head标签之外的body标签中。

相关文章：