首页 > Web开发 > 详细

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

时间:2015-06-09 21:58:23      阅读:174      评论:0      收藏:0      [点我收藏+]

初衷

上一篇已经实现了数据的双向绑定,但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双向绑定框架(二):控制器继承

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!