AngularJS学习笔记
Posted charmtool.cn
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AngularJS学习笔记相关的知识，希望对你有一定的参考价值。
什么是 AngularJS？
AngularJS 使得开发现代的单一页面应用程序（SPAs：Single Page Applications）变得更加容易。
- AngularJS 把应用程序数据绑定到 html 元素。
- AngularJS 可以克隆和重复 HTML 元素。
- AngularJS 可以隐藏和显示 HTML 元素。
- AngularJS 可以在 HTML 元素"背后"添加代码。
- AngularJS 支持输入验证。
代码实例：
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> 6 </head> 7 <body> 8 9 <div ng-app=""> 10 <p>名字 : <input type="text" ng-model="name"></p> 11 <h1>Hello {{name}}</h1> 12 </div> 13 14 </body> 15 </html>
当网页加载完毕，AngularJS 自动开启。
ng-app 指令告诉 AngularJS，<div> 元素是 AngularJS 应用程序 的"所有者"。
ng-model 指令把输入域的值绑定到应用程序变量 name。
ng-bind 指令把应用程序变量 name 绑定到某个段落的 innerHTML。
以上是关于AngularJS学习笔记的主要内容，如果未能解决你的问题，请参考以下文章