悟空博客 发表于 2012-12-22 21:26:38

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]
查看完整版本: Knockoutjs属性绑定(Bindings)之流程控制(Control flow)