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的一些见解。
时间: 2024-11-05 18:27:03