一万年来谁著史,三千里外欲封侯。这篇文章主要讲述学习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的值可以为空(练习),项目中一定要赋值,后面所说的模块。
推荐阅读
- A query was run and no Result Maps were found for the Mapped Statement
- 迅为嵌入式4418开发板Android4.4-更改uboot开机LOGO
- android, 模拟器
- Android在 普通类(非Activity,多数为Adapter) 中 传输数据为空值解决方法 (在startActivity 用 intent传输数据)
- 本文教你如何调节电脑屏幕亮度
- 本文教你电脑无线网络连接不上
- 本文教你电脑u盘重装win10系统
- 电脑软件小白一键重装推荐安装办法图解
- 安装系统 本文教你一键重装系统win7