Asp.net mvc 将knockoutjs中的集合循环到ul

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循环一样重复。在

我有这样的json集合

0:{FamilyDetail:1,姓名:Daniel,性别ID:1,出生日期:/Date(1375554600000)/,…}

1:{FamilyDetail:3,姓名:Askar,性别ID:1,出生日期:/Date(1375554600000)/,…}

})

看法

我的问题是在新的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下查看@的语法。我目前从事的项目有一个语法问题,但我想不起它到底是什么。