將從foreach函數返回的中斷數據轉換爲單獨的div

Question

這是我在剃刀視圖頁面中顯示partialview的特定部分。

<section class="middle-section peoplePageList defaultPage listOfPeople clearfix"> 
    <div class="peopleList"> 
     <div class="listItem"> 
     @{ Html.RenderPartial("_ProfileListPartial", Model); } 
     </div> 
    </div> 
    </section> 

我的問題是我想從每一個單獨的DIV這部分視圖中顯示的數據。意味着如果收到10個人的數據，則應該使用class listItem創建10個div。我不擅長設計，但問題是，我必須以任何方式來做。

的_ProfileListPartial剃刀頁是這樣的：

@model App.Models.PeopleModel 

<div class="peopleList" data-bind="visible: profiles().length > 0, foreach: profiles"> 
    <div class="media-body"> 
    <a class="btn pull-right" data-bind="visible: !isFollowed && !isOwnProfile, attr: { href: followAction }">Follow</a> 
    <a class="btn btn-danger pull-right" data-bind="visible: isFollowed && !isOwnProfile, attr: { href: unfollowAction }">Unfollow</a> 
    <em data-bind="text: name"></em> 
    </div> 
    </div> 

在這裏，因爲美國可以在第一線看到的foreach：型材，它返回從淘汰賽功能的多個配置文件與名稱，圖像，按鈕，ID和其他東西。

我的問題是當它在視圖頁面上呈現時，所有這些獲得組合成單個div而不是多個div。可能是，它將有可能通過javascript來分隔獨立div中的數據。 請告訴我一些如何解決它。

Answer 1

敲除的foreach只是重複列表中每個項目所包含的標籤。因此，如果你想每個包裝在一個特定的類的div，只需要包含在內。例如：

<div data-bind="foreach: profiles"> 
    <div class="listItem"> 
     ... 
    </div> 
</div>