Asp.net 在 Blazor 中 Select 框绑定

我正在try 将模型中的CountryId绑定到Blazor中选定项SelectList的值.所有的国家/地区项目都出现在一个类似{CountryId, CountryName} Object的列表中.我这样做代码:

    <InputSelect @bind-Value="model.ByCountryId" class="form-control">
        @if (model?.Countries != null)
        {
           @foreach (var cnt in model.Countries)
           {
               <option value="@cnt.Id">@cnt.Name</option>
           }
        }
     </InputSelect>

和挡路代码:

@code {

BrandModel model = new BrandModel();

protected override async Task OnInitializedAsync()
{
    model = new BrandModel
    {
        Id = 19,
        ByCountryId = 1,
        Countries = new List<ent.Country>
            {
                new ent.Country { Id = 1, Name = "Azerbaijan" },
                new ent.Country { Id = 2, Name = "Turkey" }
            },
        IsActive = true,
        Name = "Brand"
    };
}

但是这个执行在浏览器中给了我一个错误:

blazor.webAssemy.js:1 WASM:System.MissingMethodException: 找不到"System.ComponentModel.ByteConverter"类型的构造函数.

在Blazor中绑定<select>和model.data的便捷方式是什么？