AngularJS是一个JavaScript框架,通过ng-directives(指令)扩展了HTML。
ng-app指令定义一个AngularJS应用程序。
ng-model指令把元素值(比如输入域input的值)绑定到应用程序。
ng-bind指令把应用程序绑定到HTML视图。
AngularJS指令是以ng作为前缀的HTML属性,AngularJS 模块(Module) 定义了 AngularJS 应用。AngularJS 控制器(Controller) 用于控制 AngularJS 应用。ng-app指令定义了应用,ng-controller 定义了控制器。
AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}
数据的双向绑定
Angular实现了双向绑定机制。所谓的双向绑定,无非是从界面的操作能实时反映到数据,数据的变更能实时展现到界面。
Scope 作用域,概述
AngularJS 应用组成如下:
scope 是模型。
scope 是一个 JavaScript 对象,带有属性和方法,这些属性和方法可以在视图和控制器中使用。
AngularJS 过滤器
AngularJS 过滤器可用于转换数据:
过滤器 | 描述 |
---|---|
currency | 格式化数字为货币格式。 |
filter | 从数组项中选择一个子集。 |
lowercase | 格式化字符串为小写。 |
orderBy | 根据某个表达式排列数组。 |
uppercase | 格式化字符串为大写。 |
参考:http://www.runoob.com/angularjs/angularjs-tutorial.html
https://www.zhihu.com/question/22284218