Custom Blazor Select Option - не выбирать начальный элемент из привязанного значения

Question

При создании пользовательских компонентов я хотел расширить выбор с помощью пользовательского компонента Option, чтобы я мог добавить дополнительные параметры и т. Д. c.

Упрощенная версия этого:

<option value="@value">@ChildContent</option>   

@code {
    [Parameter] public RenderFragment ChildContent { get; set; }
    [Parameter] public string value { get; set; }
 }

Я использую компонент точно так же, как тег option, и html - в противном случае код отображается точно так же.

Кажется, что все работает нормально, но не сделать начальную привязку, например. опция top всегда выбрана, но только визуально - значение - пустая строка.

Answer 1

Вам просто нужно создать пользовательский компонент бритвы -> CustomOption.razor с таким содержимым

    <option value="@value" class="@specAttribute">@ChildContent</option>

@code {
    [Parameter] public RenderFragment ChildContent { get; set; }
    [Parameter] public string value { get; set; }
    [Parameter] public string specAttribute { get; set; }
}

И затем использовать его:

<InputSelect  @bind-Value="@language">
    <CustomOption value="English" specAttribute="list-item">English</CustomOption>
    <CustomOption value="Spanish" specAttribute="list-item">Spanish</CustomOption>
</InputSelect>

Answer 2

После дальнейшего изучения это было определено как ошибка.

Ссылки на две проблемы в GitHub dotnet / aspnetcore:

элементы, вставленные динамически во время одного и того же сравнения, поскольку не получают автоматически выбранный # 21453

Blazor: Dynami c не устанавливает выбранное значение # 21432