如何在敲除中将数据绑定到没有名称的数组

Question

我有一个数组，它的值格式如下：

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？

Answer 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>

如何在敲除中将数据绑定到没有名称的数组

How to data bind in knockout to an array without name

javascript

arrays

data-binding

knockout.js