第一、前言:
AngularJS是一个Javascrip框架,旨在使得开发单一的页面程序变得简单,如下是使用前必须要引用的js示例。
备注:为了优化网页的加载,我们提倡把其放在紧靠</body>标记里。
<script src="http://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>
通过上面的应用我们即可以使用AngularJS里面相关功能如:通过指令扩展HTML。通过表达式绑定数据到HTHM.
第二、指令使用和说明举例:
通过ng-directives指令扩展HTML。
通过ng-app指令定义一个AngularJS应用程序。
通过ng-model指令把原始值绑定到应用程序。如某个文本框里面的值。见下面实例
通过ng-bind指令把应用程序数据绑定到HTML视图;见下面实例
<div ng-app="first_demo">
<p>animal:<input type="text" ng-model="Name"/></p>
<p ng-bind="Name"></p>
</div>实现过程:页面加载完成->AngularJS启动->ng-app指令为应用程序->ng-model指令把值绑定到程序变量->ng-bind指令绑定值显示在InnerHTML上。
第三、AngularJs能做什么?
1.把应用程序的数据绑定到HTML中;
2.可克隆和重复HTML元素;
3.可隐藏和显示HTML元素;
4.可在元素之后添加代码;
5.支持输入验证。。。。
摘录自runoob.com。旨在通过自己的语言加深对AngularJS的学习、理解和记忆。