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 )
评论