如何使用razor语法动态添加一个类到html元素？

例如,我想将类添加到< tr>元素取决于模型的贡献,也就是说

<table>
  <tbody>
   @foreach ( var item in Model)
   {
     if(item.Level==1)
     {
       <tr class="classA">
     }else if(item.Level==2)
     {
       <tr class="classB">
     }else
     {
       <tr>
     }

     <td>...</td>
     <td>...</td>         

     </tr>
   </tbody>
</table>

但在这里,ide告诉我我的&​​lt; tr>元素未关闭.我该如何实现呢

解决方法

我会用三元运算符？并写这样的东西.

<tr class="@(item.Level==1?"classA":item.Level == 2?"classB":"")">

它不是很可读,不能与复杂的比较.在这些情况下,我建议您在剃刀视图中声明一个方法

@functions{ 
  public string GetClassFromLevel(int level) 
    {
        return level == 1 ? "classA" : level == 2 ? "classB" : "";
  }
}

<tr class"@GetClassFromLevel(item.Level)">

原文地址：https://www.jb51.cc/html/227868.html