如何将敲除数据绑定到没有名称的数组[重复]

Question

这个问题在这里已有答案：

• Bind to simple array of strings 2回答

我有一个数组，其中包含以下格式的值：

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>