学习笔记—angular(1)

来源:互联网 发布:淘宝宝贝优化教程视频 编辑:程序博客网 时间:2024/06/14 10:26

Angularjs概念简述

概念说明模板(Template)带有Angular扩展标记的HTML指令(Directive)用于通过自定义属性和元素扩展HTML的行为模型(Model)用于显示给用户并且与用户互动的数据作用域(Scope)用来存储模型(Model)的语境(context)。模型放在这个语境中才能被控制器、指令和表达式等访问到表达式(Expression)模板中可以通过它来访问作用域(Scope)中的变量和函数编译器(Compiler)用来编译模板(Template),并且对其中包含的指令(Directive)和表达式(Expression)进行实例化过滤器(Filter)负责格式化表达式(Expression)的值,以便呈现给用户视图(View)用户看到的内容(即DOM)数据绑定(Data Binding)自动同步模型(Model)中的数据和视图(View)表现控制器(Controller)视图(View)背后的业务逻辑依赖注入(Dependency Injection)负责创建和自动装载对象或函数注入器(Injector)用来实现依赖注入(Injection)的容器模块(Module)用来配置注入器服务(Service)独立于视图(View)的、可复用的业务逻辑AngularJS 扩展了 HTML
AngularJS 通过 ng-directives 扩展了 HTML。
ng-app 指令定义一个 AngularJS 应用程序。
ng-model 指令把元素值(比如输入域的值)绑定到应用程序。
ng-bind 指令把应用程序数据绑定到 HTML 视图。


AngularJS 表达式
AngularJS 表达式写在双大括号内:{{ expression }}。
AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。
AngularJS 将在表达式书写的位置"输出"数据。
AngularJS 表达式 很像 JavaScript 表达式:它们可以包含文字、运算符和变量。
实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }}

AngularJS 应用
AngularJS 模块(Module) 定义了 AngularJS 应用。
AngularJS 控制器(Controller) 用于控制 AngularJS 应用。
ng-app指令定义了应用, ng-controller 定义了控制器。


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

可以通过元素名、属性、类名、注释等方式来调用指令,通过添加restrict属性限制调用方式
A作为属性使用
E作为元素名使用
C作为类名使用
M作为注释使用



http://www.runoob.com/angularjs/angularjs-reference.html(AngularJs参考手册)

(angular学习笔记,文章内容摘自angularjs.net.cn、菜鸟教程)