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中的变量要相对应