Foreach循環 - 顯示項目不同，前3項，項目4-6等

Question

IM希望這將是一個輕鬆的一年..

我有一個項目清單在我MVC視圖，第3我想在內部顯示項目6-10內的項目。下面

例子：

@foreach (var Article in @Model.ContentList) 
{ 

// for Items 1 - 3 
<h1>@Article.Title</h1> 


// for Items 4 - 7 
<h2>@Article.Title</h2> 

// for Items 7 + 
<h3>@Article.Title</h3> 

} 

請告訴我這樣做，我認爲裏面最好的方式？

Answer 1

使用for循環而不是foreach。

@for (int i = 0; i < Model.ContentList.Count; i++) 
{ 
    var Article = Model.ContentList[i]; 
    if (i < 3){ 
     // for Items 1 - 3 
     <h1>@Article.Title</h1> 
    } else if (i < 7){ 
     // for Items 4 - 7 
     <h2>@Article.Title</h2> 
    } else { 
     // for Items 7 + 
     <h3>@Article.Title</h3> 
    } 
} 

Answer 2

我認爲一個更好的答案是重新設計你的model。

Article類應該包括它本身有什麼樣的標題，例如...

public class Article 
{ 
    public string Title { get; set; } 
    public string Type { get; set; } // for example 
} 

然後在您的視圖

@foreach (var Article in @Model.ContentList) 
{ 

    if(Article.Type == "Big") 
    { 
     <h1>@Article.Title</h1> 
    } 
    else if(Article.Type == "Medium") 
    { 
     <h2>@Article.Title</h2> 
    } 
    else if(Article.Type == "Small") 
    { 
     <h3>@Article.Title</h3> 
    } 
}