HTML   发布时间:2022-04-14  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用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)">

大佬总结

以上是大佬教程为你收集整理的如何使用razor语法动态添加一个类到html元素?全部内容,希望文章能够帮你解决如何使用razor语法动态添加一个类到html元素?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。