码迷,mamicode.com
首页 > Web开发 > 详细

angular MVC学习

时间:2016-05-07 17:57:38      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

MVC模式即, 模型(M)-视图(V)-控制(C)。

一、 视图(V)

  Angular中与视图(V)对应的为Template部分。 Template通常是HTML + CSS构造的视图模板,用来展现应用的视图。 使用基本的HTML和CSS,再加入Angular的编译器指令或标记,或者也可以自定义一些Angular的标记, 来构成模板用于应用的视图。

 

二、控制(C)

  应用逻辑(Logic)和行为(Behavior),是用js生成的一系列Controller,通过Controller修改与视图相关的值,直接反应到View层面,这也是Angular的双向绑定的机制。 我们不需要额外的通过Ajax等另外增加监听器或者DOM控制器,能很好的直观的展示其中的逻辑。 举个例子, 我们用jQuery+lodash等类似的绑定方法, 我们势必会加上侦听器,然后使用$.get的方法获取模板内容,再使用ajax获取Model中的数据,通过template函数,把获取的数据绑定的model中,再放到一个html的DOM中,使用Angular我们就不需要这一系列操作。

 

三、模型(M)

  AngularJS通过作用域来保持数据模型与视图界面UI的双向同步。一旦模型状态发生改变,AngularJS会立即刷新反映在视图界面中,反之亦然。 这部分的双向绑定真正的机制继续了解,以后再介绍。

 

记录一下,学习angular的一些见解。

angular MVC学习

标签:

原文地址:http://www.cnblogs.com/xiaozhaoaixuexi/p/5468598.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!