AngularJS

最近听说AngularJS这个框架, 可以用于开发android App 和 iOS App.

AngularJS 简介

AngularJS 是一个 JavaScript 框架。它可通过 *script> 标签添加到 HTML 页面
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML
它是一个以 JavaScript 编写的库。
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中:

<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

什么是 AngularJS?

  1. AngularJS 把应用程序数据绑定到 HTML 元素
  2. AngularJS 可以克隆和重复 HTML 元素
  3. AngularJS 可以隐藏和显示 HTML 元素
  4. AngularJS 可以在 HTML 元素”背后”添加代码
  5. AngularJS 支持输入验证

AngularJS 指令

正如您所看到的,AngularJS 指令是以 ng 作为前缀的 HTML 属性。
ng-init 指令初始化 AngularJS 应用程序变量

<div ng-app="" ng-init="firstName='John'">

<p>姓名为 <span ng-bind="firstName"></span></p>

</div>

AngularJS表达式

AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body> <div ng-app=""> <p>我的第一个表达式: {{ 95 + 5 }}</p> // {{表达式}} </div> </body> </html>

AngularJS 数字

<div ng-app="" ng-init="quantity=1;cost=5"> <p>总价: {{ quantity * cost }}</p> </div>

AngularJS 字符串

<div ng-app="" ng-init="firstName='John';lastName='Doe'"> <p>姓名: {{ firstName + " " + lastName }}</p> </div>

AngularJS 对象

<div ng-app="" ng-init="person={firstName:'John',lastName:'Doe'}"> <p>姓为 {{ person.lastName }}</p> </div>

AngularJS 数组

<div ng-app="" ng-init="points=[1,15,19,2,40]"> <p>第三个值为 {{ points[2] }}</p> </div>

AngularJS 表达式特点

AngularJS 表达式可以包含字母,操作符,变量。
AngularJS 表达式可以写在 HTML 中。
AngularJS 表达式不支持条件判断,循环及异常。
AngularJS 表达式支持过滤器

你可能感兴趣的:(AngularJS)