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

前端之家收集整理的这篇文章主要介绍了如何使用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)">

猜你在找的HTML相关文章