AngularJS是Google开发的前端框架,angular.js仅有1500行,致力于减轻开发人员在开发AJAX应用程序中的痛苦。
AngularJS应用中:view就是DOM,controller就是Javascript类,model储存在对象属性中。
数据绑定可自动将model和view间的数据同步。Angular实现数据绑定的的方式,可以让我们把model当作程序中唯一可信的数据来源。view始终是model的投影。不管是model或者view发生变化时,会自动反映到对方,数据绑定是双向的。Template是在浏览器中编译的,在编译阶段产生一个实时更新的视图。model成为程序中唯一真实的数据来源。
Angular的依赖注入只是简单的获取它所需要的东西,而不需要创建它们所依赖的东西。简而言之,依赖注入关系Angular会智能地帮开发者处理好,不需要开发者操心。
数据绑定
ng-app指明AngularJS作用域。
{{Angular表达式}}表达式不能有条件分支,循环,抛出异常。
ng-model对应view中value的model。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
<!DOCTYPE html>
<
html
>
<
head
>
<
title
></
title
>
</
head
>
<
body
ng-app>
<
input
type
=
"text"
ng-model
=
"abc"
value
=
""
placeholder
=
"world"
>
<
br
> hello {{abc||"world"}}!
<
script
src
=
"http://cdn.bootcss.com/angular.js/1.4.0-rc.1/angular.js"
></
script
>
</
body
>
</
html
>
|
对input text的更改会及时反映到下面。
本文转自 iampomelo 51CTO博客,原文链接:http://blog.51cto.com/iampomelo/1657172,如需转载请自行联系原作者