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

发布时间：2020-12-14 23:51:05 所属栏目：资源来源：网络整理

导读：例如,我想将类添加到 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

例如,我想将类添加到< 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)">

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!