knockout.js Foreach
示例
与其他语言中使用的中继器相似。通过此绑定,您可以为数组中的每个项目复制html块。
<div data-bind="foreach:contacts">
<div class="contact">
<h2 data-bind="text:name">
<p data-bind="text:info">
</div>
</div>
<script type="text/javascript">
var contactViewModel = function (data) {
this.name= ko.observable(data.name);
this.info= ko.observable(data.info);
};
ko.applyBindings({
contacts: [
new contactViewModel({name:'Erik', info:'Erik@gmail.com'}),
new contactViewModel({name:'Audrey', info:'Audrey@gmail.com'})
]
});
</script>请注意,当我们遍历上下文时,它成为数组中的项,在本例中为的实例contactViewModel。在一个范围内,foreach我们还可以访问
$parent-创建此绑定的视图模型
$root-根视图模型(也可以是父视图模型)
$data-数组此索引处的数据
$index-渲染项的(可观察的)从零开始的索引
热门推荐
10 儿子立冬祝福语简短独特
11 对当兵的祝福语简短
12 侄儿高考试祝福语简短
13 伴郎红包祝福语朋友简短
14 媳妇生日简短祝福语朋友
15 公司年会祝福语简短最好
16 元旦感恩祝福语简短大全
17 红包祝福语简短10字
18 周六早晨祝福语简短