Knockoutjs属性绑定(Bindings)之流程控制(Control flow)
<div id="cnblogs_post_body">在上一篇《Knockoutjs属性绑定(Bindings)之控制文本和外观(Controlling text and appearance)》我们介绍了怎么样为View层的组件绑定对应的属性,这篇文章我们接着介绍Knockoutjs的属性绑定,这次我们主要介绍的是怎么样通过Knockoutjs来控制组件的流程显示(比如循环、判断是否显示等)。一、foreach binding
使用此功能可以方便我们循环遍历输出某个数组、集合中的内容。
(1)、循环遍历输出数组
<div class="cnblogs_code"> 1 <script type="text/javascript" src="knockout-2.2.0.js"></script> 2 3 <table> 4 <thead> 5 <tr><th>First name</th><th>Last name</th></tr> 6 </thead> 7 <tbody data-bind="foreach: people"> 8 <tr> 9 <td data-bind="text: firstName"></td> 10 <td data-bind="text: lastName"></td> 11 </tr> 12 </tbody> 13 </table> 14 15 <script type="text/javascript">16 ko.applyBindings({17 people: [18 { firstName: 'Bert', lastName: 'Bertington' },19 { firstName: 'Charles', lastName: 'Charlesforth' },20 { firstName: 'Denise', lastName: 'Dentiste' }21 ]22 });23 </script>
页:
[1]