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>