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

前端之家收集整理的这篇文章主要介绍了如何使用razor语法动态添加一个类到html元素?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如,我想将类添加到< tr>元素取决于模型的贡献,也就是说
  1. <table>
  2. <tbody>
  3. @foreach ( var item in Model)
  4. {
  5. if(item.Level==1)
  6. {
  7. <tr class="classA">
  8. }else if(item.Level==2)
  9. {
  10. <tr class="classB">
  11. }else
  12. {
  13. <tr>
  14. }
  15.  
  16. <td>...</td>
  17. <td>...</td>
  18.  
  19. </tr>
  20. </tbody>
  21. </table>

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

解决方法

我会用三元运算符?并写这样的东西.
  1. <tr class="@(item.Level==1?"classA":item.Level == 2?"classB":"")">

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

  1. @functions{
  2. public string GetClassFromLevel(int level)
  3. {
  4. return level == 1 ? "classA" : level == 2 ? "classB" : "";
  5. }
  6. }
  7.  
  8. <tr class"@GetClassFromLevel(item.Level)">

猜你在找的HTML相关文章