学习angular之：ng-app
Posted WentingC
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了学习angular之：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的值可以为空（练习），项目中一定要赋值，后面所说的模块。
以上是关于学习angular之：ng-app的主要内容，如果未能解决你的问题，请参考以下文章
Angular.js回顾+学习笔记ng-app和ng-model