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

时间:2018-08-30 06:43:40

标签: javascript arrays data-binding knockout.js

我有一个数组,其值只有以下格式:

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?

1 个答案:

答案 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>