上篇我们已经了解了MVVM的框架结构和运行原理。这里我们来看一下伟大的双向数据绑定。 说到双向绑定,大家比较熟悉的应该就是AngularJS了,几乎所有的AngularJS 系列教程的开篇几章都要涉及到,真的是很好用。 表达的效果很简单:就是在界面的操作对数据模型的修改能实时反映到数据;而数据的变更 ...
分类:
其他好文 时间:
2017-04-30 10:56:18
阅读次数:
196
MVC,MVP,MVVM的区别: MVP: MVVM: 单向绑定和双向绑定: 单向数据绑定缺点:HTML代码一旦生成完以后,就没有办法再变了,如果有新的数据来了,那就必须把之前的HTML代码去掉,再重新把新的数据和模板一起整合后插入到文档流中。 React可以算作单向数据中的一种。 双向数据绑定最经 ...
分类:
其他好文 时间:
2017-04-21 14:37:32
阅读次数:
193
每当一个指令被创建的时候,都会有这样一个选择:是继承自己的父作用域(一般是外部的Controller提供的作用域或者根作用域($rootScope)),还是创建一个新的自己的作用域。AngularJS为指令的scope参数提供了三种选择,分别是:false,true,{}。 scope = fals ...
分类:
Web程序 时间:
2017-04-18 22:01:05
阅读次数:
234
表单数据绑定1.1你可以用 v-model 指令在表单控件元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇,但 v-model 本质上不过是语法糖,它负责监听用户的输入事件以更新数据,并特别处理一些极端的例子。v-model 并不关心表单控件初始化所生成的值。因为它 ...
分类:
其他好文 时间:
2017-04-16 19:28:52
阅读次数:
200
亲们,大家好,又到了我们angular每周分享的时间啦,从这周开始呢我准备把angular的基础知识给大家讲解下,欢迎大家随时留言,一起讨论问题!首先给大家介绍下双向数据绑定,angular的数据绑定是数据模型(model)与视图(view)组件的自动同步。angular的实现方式允许你把应用中的..
分类:
其他好文 时间:
2017-04-13 15:46:48
阅读次数:
240
AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。 AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。 百度百科 下面做入门介绍, ...
分类:
Web程序 时间:
2017-04-13 10:54:29
阅读次数:
232
一:知识点 (runnoob) 1.前言 渐进式框架 目的:响应的数据绑定和组合的视图组件。 响应的数据绑定:双向数据绑定。 视图组件:封装html。 2.项目的结构 nod_modules src 3.指令 模板里面用 自定义指令 (全局、局部) 指令定义函数 4.流程语句:条件 循环 5.计算属 ...
分类:
其他好文 时间:
2017-04-09 20:14:45
阅读次数:
140
http://www.runoob.com/angularjs/angularjs-tutorial.html 第一部分:快速上手1.1 angularJS四大核心特性1.2 自己动手搭建开发,调试,测试环境 第二部分:基本概念和用法2.1 MVC2.2 模块性与依赖注入2.3 双向数据绑定;2.4 ...
分类:
Web程序 时间:
2017-04-09 10:31:50
阅读次数:
174
参考文章: https://segmentfault.com/q/1010000002511449/a-1020000002514653 https://www.zhihu.com/question/49964363/answer/136022879 单向数据绑定:指的是我们先把模板写好,然后把模板 ...
分类:
其他好文 时间:
2017-04-07 23:33:24
阅读次数:
261
1.v-html 用于输出真正html,而不是纯文本。 2.v-bind 用于html属性的数据绑定。 3.v-on 用于监听DOM事件。 注意:只有v-on和v-bind可以接参数,在指令后面用冒号指明属性和值绑定。 4.v-model 用于表单输入与应用状态的双向数据绑定。 5.v-if v-i ...
分类:
Web程序 时间:
2017-04-06 22:39:55
阅读次数:
525