如何根据一些布尔表达式更改引导列

Question

如何根据某个表达式的状态更改引导列？

我尝试过的：

<div class="@Installation.Fleet.Type.Equals("Vessel") ? col-lg-9 col-md-9 col-sm-12 : col-lg-12 col-md-12 col-sm-12">
</div>

然而，在这种情况下，即使@Installation.Freet.Type.Equals("Vessel"(为真，程序也总是生成"Vessels"；col-lg-12 col-md-12 col-sm-12"；。

提前感谢

Answer 1

您应该以字符串形式返回类：

<div class="@Installation.Fleet.Type.Equals("Vessel") ? "col-lg-9 col-md-9 col-sm-12" : "col-lg-12 col-md-12 col-sm-12""></div>

在剃刀视图中使用三元运算符时，我倾向于总是使用@((而不仅仅是@，比如：

<div class="@(Installation.Fleet.Type.Equals("Vessel") ? "col-lg-9 col-md-9 col-sm-12" : "col-lg-12 col-md-12 col-sm-12")"></div>

Answer 2

您还可以创建一个类名为的变量

@{
var classes=@Installation.Fleet.Type.Equals("Vessel") ? "col-lg-9 col-md-9 col-sm-12" : "col-lg-12 col-md-12 col-sm-12";
}

然后：

<div class="@classes">
</div>