AngularJS简介

 第一、前言:

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

原文地址:https://www.cnblogs.com/professional-NET/p/4982557.html