conditional-statements - 如何在blazor的html元素中编写条件？

Question

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

Is there a way to right conditional within div element?I have to write conditional for unit.type too so it will be many ifs.

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>