本文针对Angular初学者在使用ng-app指令时遇到的问题进行了探讨，并提供了两种解决方案：一是将ng-app的值设为空；二是在body中手动创建模块。此外，还介绍了ng-app指令的基本用法及其注意事项。
刚开始自学angular，遇到一个问题：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="angular.min.js"></script>
</head>
<body>
<div ng-app="myapp">
<p>名字
<input type="text" ng-model="name">
<h1>hello!{{name}}</h1>
</p>
</div>
</body>
</html>
我设定ng-app=“myapp”，结果效果不是我预想的那样，name绑定无效
页面显示为这样：
后来找到了两个解决办法：
一：将ng-app=“myapp”改为ng-app=“”
二：在body中添加一段script代码：
<script type="text/javascript">
angular.module("myapp",[]);
</script>
页面显示达到预想效果：
注意：
1.ng-app是一个特殊的指令，一个HTML文档只出现一次，如出现多次也只有第一个起作用；ng-app可以出现在html文档的任何一个元素上。
2.ng-app作用：告诉子元素指令是属于angularJs。
3.ng-app的值可以为空（练习），项目中一定要赋值，后面所说的模块。
扫一扫
235
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
