javascript - AngularJS渲染流程

Question

我在一个不好的JS项目中工作，页面渲染是用JQuery函数制作的。

$("#sameID").html(data);

使用这个，这里的人可以加载 .html 页面(我知道，这很糟糕，但现在无法更改)

因此，使用此函数，脚本在以下 html 页面上发出 get 请求:

测试.html

<div ng-app="myApp">
    <h2>Todo {{1 + 1}}!</h2>
</div>
<script src="angular.js"></script>
<script src="index.js"></script>

index.js

app = angular.module('myApp', []);

但是如果我删除 <div ng-app="myApp"> ，我总是会遇到此错误有效。

Error: [$injector:nomod] Module 'myApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

Answer 1

在 Angular 模块创建中通过以下方式完成:

var app = angular.module('myApp', [
  //dependencies..
}]);

模块检索通过:

var app = angular.module('myApp');

来自 Angular docs :

Creation versus Retrieval

Beware that using angular.module('myModule', []) will create the module myModule and overwrite any existing module named myModule. Use angular.module('myModule') to retrieve an existing module.