我有一个数组,其值只有以下格式:
var myArray = [ "Value1", "V1lue2" ,"Value3","a1lue4" ]
现在,我想遍历它们并将它们添加到UL中,如下所示:
<ul data-bind="foreach:myArray">
<li>
<span data-bind="text: $value"> </span>:
</li>
</ul>
我检查了敲除文档,其中包含名称值为JSON的示例,但不是直接数组中的示例。
示例:
<ul data-bind="foreach: people">
<li>
Name at position <span data-bind="text: $index"> </span>:
<span data-bind="text: name"> </span>
<a href="#" data-bind="click: $parent.removePerson">Remove</a>
</li>
</ul>
如何遍历myArray
并将绑定应用于当前的UL?
答案 0 :(得分:1)
您只需要将$value
更改为$data
-这是一个上下文变量,表示数组中的当前项目:
<span data-bind="text: $data"> </span>:
这是一个有效的代码段:
var model = function() {
var self = this;
self.myArray = ["Value1", "V1lue2", "Value3", "a1lue4"];
};
ko.applyBindings(new model());
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.2/knockout-min.js"></script>
<ul data-bind="foreach: myArray">
<li>
<span data-bind="text: $data"> </span>:
</li>
</ul>