Angular JS introduce

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 应用组成如下：

• View(视图),即 HTML。
• Model(模型),当前视图中可用的数据。
• Controller(控制器),即 JavaScript 函数，可以添加或修改属性。

scope 是模型。

scope 是一个 JavaScript 对象，带有属性和方法，这些属性和方法可以在视图和控制器中使用。

AngularJS 过滤器

AngularJS 过滤器可用于转换数据：

参考：http://www.runoob.com/angularjs/angularjs-tutorial.html

https://www.zhihu.com/question/22284218

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!