Asp.net mvc 将knockoutjs中的集合循环到ul
我有这样的json集合 0:{FamilyDetail:1,姓名:Daniel,性别ID:1,出生日期:/Date(1375554600000)/,…} 1:{FamilyDetail:3,姓名:Askar,性别ID:1,出生日期:/Date(1375554600000)/,…} }) 看法Asp.net mvc 将knockoutjs中的集合循环到ul,asp.net-mvc,knockout.js,Asp.net Mvc,Knockout.js,我有这样的json集合 0:{FamilyDetail:1,姓名:Daniel,性别ID:1,出生日期:/Date(1375554600000)/,…} 1:{FamilyDetail:3,姓名:Askar,性别ID:1,出生日期:/Date(1375554600000)/,…} }) 看法 我的问题是在新的UL列表中显示每个集合 例: 姓名:丹尼尔 姓名:Askar 如何在knockoutjs中实现这一点?ko foreach块中的所有内容都将像foreach循环一样重复。在
我的问题是在新的UL列表中显示每个集合
例:
- 姓名:丹尼尔
- 姓名:Askar
如何在knockoutjs中实现这一点?ko foreach块中的所有内容都将像foreach循环一样重复。在ko text中的所有内容都将在没有任何元素的情况下输出
<!-- ko foreach: employeeFamilyModel -->
<ul>
<li>Name: <!--ko text: Name--><!--/ko--></li>
</ul>
<!-- /ko -->
- 姓名:
要详细说明,只需将您的foreach
绑定“向上”一个级别,以便视图模型中的每个数据元素都包含
JS:
employeeFamily = ko.observableArray([{Name: 'John Doe', Owner: 'John'},
{Name: 'Jane Doe', Owner: 'Jane'}])
ko.applyBindings(employeeFamily, document.getElementById("collapseOne"));
<div id = 'collapseOne' data-bind="foreach: employeeFamily">
<label data-bind="text: 'This list belongs to ' + $data.Owner"></label>
<ul>
<li data-bind="text: $data.Name"></li>
</ul>
</div>
This list belongs to John
John Doe
This list belongs to Jane
Jane Doe
Html:
employeeFamily = ko.observableArray([{Name: 'John Doe', Owner: 'John'},
{Name: 'Jane Doe', Owner: 'Jane'}])
ko.applyBindings(employeeFamily, document.getElementById("collapseOne"));
<div id = 'collapseOne' data-bind="foreach: employeeFamily">
<label data-bind="text: 'This list belongs to ' + $data.Owner"></label>
<ul>
<li data-bind="text: $data.Name"></li>
</ul>
</div>
This list belongs to John
John Doe
This list belongs to Jane
Jane Doe
我添加了owner属性以强调每个
都绑定到不同的$data
元素。请参见能否详细说明您的答案?可以在注释4:不使用容器元素使用foreach下查看@的语法。我目前从事的项目有一个语法问题,但我想不起它到底是什么。