行如风 Angular 初识2

上一篇主要说了一些关于Jquery的一些局限以及Angular的一些优点,当然这两者各有各的长处而且可以同时使用各取所长(当然这都是对那些老鸟来说的),这两天听了几节网易云课堂向军老师讲的关于Angular的一些入门课程,感觉受益匪浅,想要学习Angular的小伙伴可以去试试噢。我摘除其中我认为比较重要的几点与大家分享一下:

1.jQuery主要是处理效果的,在处理样式及动画上很显著。(并不代表它不能处理数据,只是各有所长而已)

jQuery可以通过idclass、以及一些特有的属性获取DOM节点,从而改变节点上的效果包括数据的变化,上篇文章提到过。但是class作为改变样式的主要依赖者,如果再同时和标签里的数据相关联,会提高耦合性,不利于代码的维护。

2Angular作为双向数据绑定的优秀框架,在处理数据上有独特的优势。这里简单说一

下什么是双向数据绑定,大家应该听过MVC这个词,MVC全名是Model View Controller,分为三部分模型(Model)、视图(View)和控制器(Controller)

Model(模型)是应用程序中用于处理应用程序数据逻辑的部分。

通常模型对象负责在数据库中存取数据。

View(视图)是应用程序中处理数据显示的部分。

通常视图是依据模型数据创建的。

Controller(控制器)是应用程序中处理用户交互的部分。

通常控制器负责从视图读取数据,控制用户输入,并向模型发送数据。

大家想要把Angular学好,我觉得理解上面几个名词非常的重要,三者相互关联,不可分割,不仅要理解还要多运用。

Angular中控制器(Controller)是个中间者,它关联着模型(Model)和视图(View),如图:

wKiom1jcwS_BtfmNAAAOfZvyrsc122.jpg


下面以代码来举例说明:

wKioL1jcwc2RWzeWAABmhNsksg8766.jpg

这篇先到这里,继续学习AngularJs ing.......

相关文章

AngularJS 是一个JavaScript 框架。它可通过 注:建议把脚本放在 元素的底部。这会提高网页加载速度,因...
angluarjs中页面初始化的时候会出现语法{{}}在页面中问题,也即是页面闪烁问题。出现这个的原因是:由于...
AngularJS 通过被称为指令的新属性来扩展 HTML。AngularJS 指令AngularJS 指令是扩展的 HTML 属性,带有...
AngularJS 使用表达式把数据绑定到 HTML。AngularJS 表达式AngularJS 表达式写在双大括号内:{{ expres...
ng-repeat 指令可以完美的显示表格。在表格中显示数据 {{ x.Name }} {{ x.Country }} 使用 CSS 样式为了...
$http是 AngularJS 中的一个核心服务,用于读取远程服务器的数据。读取 JSON 文件下是存储在web服务器上...