学习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绑定无效
页面显示为这样:
学习angular之(ng-app)

文章图片

后来找到了两个解决办法:
一:将ng-app=“myapp”改为ng-app=“”
二:在body中添加一段script代码:
< script type="text/javascript"> angular.module("myapp",[]); < /script>

页面显示达到预想效果:
学习angular之(ng-app)

文章图片

  注意:
1.ng-app是一个特殊的指令,一个HTML文档只出现一次,如出现多次也只有第一个起作用;ng-app可以出现在html文档的任何一个元素上。
2.ng-app作用:告诉子元素指令是属于angularJs。
【学习angular之(ng-app)】3.ng-app的值可以为空(练习),项目中一定要赋值,后面所说的模块。

    推荐阅读