在blazor中进行三元操作，将if-else语句转换为一个语句

Question

我在page.razor中有以下代码:

@if (i==1)
{
<MudTimelineItem  Color="Color.Primary" Size="Size.Medium" Variant="Variant.Outlined">
<MudAlert Severity="Severity.Success">@matrix.UserName</MudAlert>
</MudTimelineItem>
}
else
{
<MudTimelineItem   Variant="Variant.Outlined">
<MudAlert Severity="Severity.Success">@matrix.UserName</MudAlert>
</MudTimelineItem>
}

唯一改变的是颜色和大小参数，其余保持不变，而不是使用if-else语句，这可以写在一行使用三元操作符或任何其他与blazor支持?

Answer 1

Blazor不应该渲染属性，如果它的值是null或false(文档)。试试这样写:

<MudTimelineItem Color="@(i == 1 ? Color.Primary : null)" Size="@(i == 1 ? Size.Medium : null)" Variant="Variant.Outlined">
<MudAlert Severity="Severity.Success">@matrix.UserName</MudAlert>
</MudTimelineItem>