如何在blazor中的html元素中编写条件

Question

@if (unit.unitNum != null)
{
<div>@unit.unitNum - @unit.type</div>
}

是否有方法在div元素中纠正条件？我必须为单位写条件。也要键入，这样会有很多if。

Answer 1

是的，您可以在div元素中编写条件。

<div>
@if(unit.unitNum != null)
{
@unit.unitNum - @unit.type
}
else {
@* just do whatever you want here or don't write an else clause *@
}
</div>

注意，您也可以使用字符串插值

<div>
@if(unit.unitNum != null)
{
@($"{unit.unitNum} - {@unit.type}")
}
</div>

你甚至可以把它简化一点。此外，由于您没有指定这一点，unit.unitNum的类型在这里并不重要，例如，它可以是int或string。

<div>
@($"{(unit.unitNum != null ? unit.unitNum : "no number found")} - {@unit.type}")
</div>