如何使用 knockout 数据绑定 foreach 迭代数组数组?
How to iterate array of arrays using knockout data-bind foreach?
我有一个包含对象的数组,我正在寻找一种遍历数组内部数组的方法,如下所示:
<div data-bind="foreach: questions">
<div data-bind="foreach: subArray of questions">
<span data-bind="text: Title"></span>
<span data-bind="text: Answer"></span>
</div>
</div>
我如何访问问题 observableArray 的内部数组以便我可以遍历元素?
提前感谢您的帮助!
都在文档中,您只需使用 $data
访问内部数组:http://knockoutjs.com/documentation/foreach-binding.html
<div class="answers" data-bind="foreach: questions">
<div data-bind="foreach: $data ">
<p data-bind="text: Title"></p>
<p data-bind="text: Answer"></p>
</div>
</div>
我已经更新了你的fiddle。使用内循环敲除提供了各种属性,如 $data
,使用外循环 $parent
.
<div class="answers" data-bind="foreach: questions">
<div data-bind="foreach: $data ">
<p data-bind="text: Title"></p>
<p data-bind="text: Answer"></p>
</div>
</div>
我有一个包含对象的数组,我正在寻找一种遍历数组内部数组的方法,如下所示:
<div data-bind="foreach: questions">
<div data-bind="foreach: subArray of questions">
<span data-bind="text: Title"></span>
<span data-bind="text: Answer"></span>
</div>
</div>
我如何访问问题 observableArray 的内部数组以便我可以遍历元素?
提前感谢您的帮助!
都在文档中,您只需使用 $data
访问内部数组:http://knockoutjs.com/documentation/foreach-binding.html
<div class="answers" data-bind="foreach: questions">
<div data-bind="foreach: $data ">
<p data-bind="text: Title"></p>
<p data-bind="text: Answer"></p>
</div>
</div>
我已经更新了你的fiddle。使用内循环敲除提供了各种属性,如 $data
,使用外循环 $parent
.
<div class="answers" data-bind="foreach: questions">
<div data-bind="foreach: $data ">
<p data-bind="text: Title"></p>
<p data-bind="text: Answer"></p>
</div>
</div>