学习angular之（ng-app）

一万年来谁著史，三千里外欲封侯。这篇文章主要讲述学习angular之：ng-app相关的知识，希望能为你提供帮助。
刚开始自学angular，遇到一个问题：

< !DOCTYPE html> < html lang="en"> < head> < meta charset="UTF-8"> < title> Document< /title> < script type="text/javascript" src="https://www.songbingjia.com/android/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。
【学习angular之（ng-app）】3.ng-app的值可以为空（练习），项目中一定要赋值，后面所说的模块。