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

概述例如,我想将类添加到< tr>元素取决于模型的贡献,也就是说 <table> <tbody> @foreach ( var item in Model) { if(item.Level==1) { <tr class="classA"> }else if(item.Level==2) { <tr class="cl 例如,我想将类添加到< tr>元素取决于模型的贡献,也就是说

<table>  <tbody>   @foreach ( var item in Model)   {     if(item.Level==1)     {       <tr >     }else if(item.Level==2)     {       <tr >     }else     {       <tr>     }     <td>...</td>     <td>...</td>              </tr>   </tbody></table>

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

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

<tr 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元素？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。