代码之家 › 专栏 › 技术社区 › Simsons

如何将knockout中的数据绑定到没有名称的数组[duplicate]

knockout.js data-binding arrays javascript

Simsons · 技术社区 · 6 年前

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

var myArray = [ "Value1", "V1lue2" ,"Value3","a1lue4"  ]

<ul data-bind="foreach:myArray">
    <li>
        <span data-bind="text: $value"> </span>:
    </li>
</ul>

我查看了knockout文档,其中包含名值为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 回复 | 直到 6 年前

Nisarg Shah 6 年前

你只需要改变 $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>

推荐文章

Megrez7 · C#ToArray转换合并为一行,导致数组元素更改

3 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

3 月前

Anka HanÄ±m · 关于结构和动态数组地址的问题

3 月前

Swapnil Supekar · 将二维阵列转换为一维阵列,并将一维阵列粘贴到另一张图纸上

3 月前

Lorenzo Bertolaccini · 在Angular项目中通过对话框后,在控制台中显示但在HTML中不显示的数据数组

4 月前

MaSc. H. · 大小与阵列大小

4 月前

Geremia · 2D NumPy数组+1D数组?

4 月前

MARTIN · 交换第一个和最后一个单词,反转所有中间的字符

5 月前

Paul Williams · 迭代数组时输出有问题

5 月前

Oliver Morgan · PostgreSQL错误:无法累积不同维度的数组

5 月前