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>
                    }

唯一改变的是颜色和大小参数，rest 保持不变，而不是使用 if-else 语句，可以使用三元运算符或 blazor 支持的任何其他运算符将其仅写在一行中吗？

Answer 1

如果 Blazor 的值为null或false ( docs )，则不应呈现该属性。 尝试类似的东西：

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