applyBindings()方法

来源:互联网 发布:怎么投诉举报淘宝卖家 编辑:程序博客网 时间:2024/05/23 15:11

 applyBindings(viewModule,domNode)方法,用于激活数据模型与dom节点绑定的关系(data-bind属性的标签),通过该方法两者才会产生联系


viewModule:(必须)视图模型对象,即js对象。用于存储数据

domNode:(可选)dom节点对象,指定knockout控制html的控制范围,默认为document,限制只在指定对象someElementId和后代节点中进行激活操作。 


例如:

//省略前面代码,需要引入核心js文件,<script type="text/javascript" src="js/knockout-3.4.2.js"></script>

<body>

名字:<span data-bind="text:name"></span>

<script type="text/javascript">

var viewModule={//视图模型对象,用于存储数据,与dom节点进行绑定

name:"数据内容"//该属性绑定到data-bind中的name变量,两者的数据值是相同的

};

//将数据模型绑定到相应的节点上面

ko.applyBindings(viewModule);//静态绑定,不能动态的改变

</script>

</body>

上面的显示的结果为:    “ 名字:数据内容”


代码分析:在上面的代码当中,给<span>标签的text属性绑定一个name变量,用于给,<span>标签的内容传值,viewModule对象,就是数据模型,里面存储着数据,用于向绑定的标签对应的变量传值,比如:name属性对应data-bind中的name变量,所以通过ko.applyBindings(viewModule)方法,就可以进行绑定传值


注意:绑定的时候viewModule中的变量要与data-bind中的变量要相对应


原创粉丝点击