c# - 可选周围标签的优雅 MVC 代码

Question

什么是更优雅的代码来完成以下内容:

foreach(var filter in Model.Filters)
{
  if(filter.Selected)
  {
    <div class="crumb crumb_selected" id="@filter.ID">
      @* much more html can be here *@
      @filter.Title
      <span class="counter">
        (@filter.Count)
      </span>
    </div>
  } else {
    <div class="crumb" id="@filter.ID">
      <a href="@Model.ClickUrl(Model.SelectedFilters, filter)">
      @* much more html can be here but similar code as above *@
        @filter.Title
        <span class="counter">
          (@filter.Count)
        </span>
      </a>
    </div>
  }
}

• div/span 的重复 html 代码似乎是错误的代码
• 优雅版也应该解决css-class规范

Answer 1

foreach(var filter in Model.Filters) 
{ 

    <div class="crumb @(filter.Selected? "crumb_selected":string.empty)" id="@filter.ID"> 
      @(filter.Selected? "<a href="@Model.ClickUrl(Model.SelectedFilters, filter)">" : string.empty)
      @filter.Title 
      <span class="counter"> 
        (@filter.Count) 
      </span> 
    </div> 
  }    
} 

本质上这只是测试 filter.Selected 并且是您已有的更简洁的形式。我没有测试语法，只是把它从我的脑海中记下来所以如果它不能编译请原谅我。我不确定这样更优雅，因为我不知道你对优雅的定义是什么。我以为你的意思是你更干。