Question

我有一个List对象

List<string> intList = new List<string>();

我有a，b，c，d，e，f in＆＃34; intList＆＃34;宾语。通常，HTML呈现

<ul>
  <li>a<li>
  <li>b<li>
  <li>c<li>
  <li>d<li> 
  <li>e<li>
  <li>f<li>
</ul>

上面一个：我可以在MVC视图页面中轻松呈现HTML：

<ul>
   @foreach(var item in Model)
   {
      <li>@item</li>
   }
</ul>

下面的旋转木马HTML很难像上面的代码一样渲染。有什么建议吗？

<div id="carousel">
  <div class="item">
    <ul>
      <li>a<li>
      <li>b<li>
    </ul>
  </div>

  <div class="item">
    <ul>
      <li>c<li>
      <li>d<li>
    </ul>
  </div>

  <div class="item">
    <ul>
      <li>e<li>
      <li>f<li>
    </ul>
  </div>
</div>

Answer 1

做类似的事情：

<div class="item>
    <ul>
       @foreach(var item in Model)
       {
          if(item % 2 == 0)
          {
              </ul>
              </div>
              <div class="item>
              <ul>  
          }
          <li>@item</li>
       }
    </ul>
</div>

Answer 2

您可以使用标准for循环并检查循环变量是否为> 0以及它是否可被2整除：

@if (Model.Count > 0)
{
<div class="item">
    <ul>
       @for(int i =0; i<Model.Count; i++)
       {
          if(i> 0 && i % 2 == 0)
          {
              @:</ul>
              @:</div>
              @:<div class="item">
              @:<ul>  
          }
          <li>@Model[i]</li>
       }
    </ul>
</div>
}

如何在C＃中将列表转换为嵌套列表

2 个答案: