将数据放入嵌套数组并绑定到HTML Knockout.js可以通过以下步骤实现:
var nestedArray = [
{ name: 'John', age: 25, hobbies: ['reading', 'swimming'] },
{ name: 'Jane', age: 30, hobbies: ['painting', 'cooking'] }
];
var viewModel = {
nestedData: ko.observableArray(nestedArray)
};
<div data-bind="foreach: nestedData">
<h2 data-bind="text: name"></h2>
<p data-bind="text: 'Age: ' + age"></p>
<ul data-bind="foreach: hobbies">
<li data-bind="text: $data"></li>
</ul>
</div>
在上面的示例中,foreach
绑定用于迭代nestedData
数组中的每个对象。text
绑定用于显示每个对象的名称和年龄。foreach
绑定也用于迭代每个对象的hobbies
数组,并使用text
绑定显示每个爱好。
ko.applyBindings(viewModel);
这将启用Knockout.js的数据绑定,并将嵌套数组中的数据显示在HTML页面上。
推荐的腾讯云相关产品和产品介绍链接地址:
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云