Knockoutjs属性绑定(Bindings)之模板绑定(template binding)
<div id="cnblogs_post_body">关于Knockoutjs属性绑定的内容我们基本上已经介绍完了，最后我们再介绍一下属性绑定的最后一个模块，那就是模板绑定(template binding)。我们使用模板绑定的目的就是可以将复杂的页面通过各个模板为我们分别实现，当我们使用这些模板的使用通过模板绑定即可使用，这样对我们页面的编写也是十分方便的，我们使用模板的情况大多是内容是重复性的或者是分块嵌套的，这样对View Model层的数据展示就非常的方便。下面我们就借助几个例子看看怎样使用模板绑定。
（1）、使用name来render模板
<div class="cnblogs_code"> 1 <h2>Participants</h2> 2 Here are the participants: 3 <div data-bind="template: { name: 'person-template', data: buyer }"></div> 4 <div data-bind="template: { name: 'person-template', data: seller }"></div> 5 6 <script type="text/html" id="person-template"> 7 <h3 data-bind="text: name"></h3> 8 <p>Credits: <span data-bind="text: credits"></span></p> 9 </script>1011 <script type="text/javascript">12 function MyViewModel() {13 this.buyer = { name: 'Franklin', credits: 250 };14 this.seller = { name: 'Mario', credits: 5800 };15 }16 ko.applyBindings(new MyViewModel());17 </script>
页:
[1]