首页 > Web开发 > 详细

AngularJS简介

时间:2015-11-21 00:21:20      阅读:344      评论:0      收藏:0      [点我收藏+]

 第一、前言:

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的学习、理解和记忆。

 

AngularJS简介

原文:http://www.cnblogs.com/professional-NET/p/4982557.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!