razor構文を使用してhtml要素に動的にクラスを追加するにはどうすればいいですか？例えば

Question

が、私はモデルのatrributeに応じて、<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>要素が閉じていないと言われます。どのように達成できますか

Answer 1

私は三項演算子を使用しますか？そのようなことを書いてください。

<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)">