javascript - 在模板中呈现列表

Question

我使用 Handlebar/Mustache 模板在我的 ASP.NET MVC 应用程序中呈现以下视图模型。我在表格中显示以下字段。ContactList 是一个联系人列表（包括名字、姓氏、地址等）。

public string FirstName { get; set; }
public string LastName { get; set; }
public string Address { get; set; }       
public List<Contact> ContactList { get; set; }



<table
    <tbody>                         
                    <tr>        
                        <td>First Name</td>                    
                        <td>{{this.FirstName}}</td>
                    </tr>   
                    <tr>    
                        <td>Last Name</td>                   
                        <td>{{this.LastName}}</td>
                    </tr>
                    <tr>        
                        <td>Address</td>                           
                        <td>{{this.Address}}</td>
                    </tr>   
    <tr>    
                        <td>Contact List</td>                   
                        **<td>//how to process the ContactList?//</td>**
                    </tr>
</tbody>                                  
                </table>

我想知道如何遍历这个列表并将其显示为同一张表中的一行？

Answer 1

从车把网站：

您可以使用内置each帮助程序遍历列表。在块内部，您可以使用this来引用被迭代的元素。

<ul class="people_list">
  {{#each people}}
  <li>{{this}}</li>
  {{/each}}
</ul>

与此上下文一起使用时：

{
  people: [
    "Yehuda Katz",
    "Alan Johnson",
    "Charles Jolley"
  ]
}

所以我相信你只需要拥有ContactListHandleBars 可以理解的格式（一个数组作为对象属性）。