css - 如何使用 if else block 来决定 Razor 中的样式？

Question

我知道如何仅通过使用三元运算符在给定条件下格式化 Razor 中元素的 css syle，如以下示例所示:

<div style="@(Model.Condition ? "float:left" : "float:right")">

但我有一个更复杂的决策 block ，我应该嵌套 2 个三元运算符，这不是一个很好的做法。我试过这种方式:

<div style="@{
          if (Model.Condition)
          {
               "float:left"
          }
          else
          {
               "float:right"
          }
}">

它显示错误:

; expected

在 if-else block 中的字符串之后，如果我添加 ; 它仍然会出现如下错误

Only assignment, call, increment, decrement, and new object expressions can be used as a statement

有没有办法使用 if-else block 来做到这一点？

Answer 1

您始终可以在 View 的开头声明一个局部变量:

@{
   var yourStyle = "";
   if(Model.Condition)
   {
       yourStyle = "float:left;";
   }
   else
   {
       yourStyle = "float:right;";
      //any other conditions and logic
   }
}

然后在你的 div 中使用它:

<div style="@yourStyle">