brix-bisheng数据双向绑定库

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 )