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

非常简单的js双向绑定框架(二):控制器继承

时间:2015-06-09 22:00:18      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:javascript   双向绑定   框架   控制器   继承关系   

初衷

上一篇已经实现了数据的双向绑定,但model的控制范围是整个文档,在实际工程中必须要有作用范围,以便做ui模块的拆分。
这一篇,我们希望实现像angularjs一样的控制器继承:
1. 父controller的Model可以在子controller里被访问到
2. 子controller的model不影响父controller
3. controller继承关系在html中指定,而不是js中指定

目标

html里,用isi-controller属性去声明控制器:

<body>
    <div isi-controller="ParentController">
        <input data-bind="name">
        <div isi-controller="SubController">
            <input data-bind="name">
        </div>
    </div>
</body

希望上面的input name 改了,下面的会跟着变,而下面的变了,上面的不变。
js里,用和上面isi-controller属性值同名的函数定义控制器:

function ParentController() {
    var model = new Model();
    model.set(‘name‘, ‘parent‘);
}
function ParentController() {
    var model = new Model();
    model.set(‘name‘, ‘sub‘);
}

对用户来说,只要写这些,就完事儿了。

实现

非常简单的js双向绑定框架(二):控制器继承

标签:javascript   双向绑定   框架   控制器   继承关系   

原文地址:http://blog.csdn.net/vctisildur/article/details/46431163

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