brix-bisheng数据双向绑定库

联合创作 · 2023-09-22 08:27

brix-bisheng 是纯粹的数据双向绑定库。

安装 Install

$ bower install --save brix-bisheng'

用法 Usage

// 配置 Brix BiSheng 和依赖库require.config({
    paths: {
        jquery: 'bower_components/jquery/dist/jquery',
        underscore: 'bower_components/underscore/underscore',
        handlebars: 'bower_components/handlebars/handlebars'
        'brix/bisheng': 'bower_components/brix-bisheng/dist/bisheng'
    }
})// 加载 Brix BiShengrequire(['jquery', 'brix/bisheng'], function($, BiSheng){    // HTML 模板
    var tpl = '{{title}}'
    // 数据对象
    var data = {
      title: 'foo'
    }    // 执行双向绑定
    var bs = BiSheng.bind(data, tpl, function(content){        // 然后在回调函数中将绑定后的 DOM 元素插入文档中
        $('div.container').append(content)
    });    // 改变数据 data.title,对应的文档区域会更新
    bs.apply(function() {
        data.title = 'bar'
    })
})

方法 Methods

共计 6 个公开方法:

  • BiSheng.bind( data, tpl, callback )

  • BiSheng.unbind( data, tpl ) DEPRECATED

  • BiSheng.watch( data, handler( changes ) )

  • BiSheng.unwatch( data, handler )

  • BiSheng.apply( handler ) DEPRECATED

  • BiSheng.auto( bool )

浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报