0

私は、.Net Core 3.1 とクライアント側の Blazor を使用してアプリケーションに取り組んでいます。MatBlazorコンポーネントを使用していますが、MatAutocompleteList をロードできません。データは API から取得され、ページの読み込み時にオブジェクト リストに変換されます。

    List<CountryDto> countries = new List<CountryDto>();

    protected override async Task OnInitializedAsync()
    {
        await ReadCountries();
    }

    ...

    async Task ReadCountries()
    {
        ApiResponseDto apiResponse = await Http.GetJsonAsync<ApiResponseDto>( "api/country" );

        if ( apiResponse.StatusCode == 200 )
        {
            countries = Newtonsoft.Json.JsonConvert.DeserializeObject<CountryDto []>( apiResponse.Result.ToString() ).ToList<CountryDto>();
        }
    }

次に、次のようにオートコンプリート リストのデータを参照しています (例と同様)。

<MatAutocompleteList @bind-Value="@church.Country" Items="@countries" Label="Select Country" TItem="CountryDto" CustomStringSelector="@(i => i.Name)" />

オートコンプリート ボックスをどのように構成しても、ページの読み込みに失敗し、Chrome 開発ツールはコンポーネントをレンダリングする一連の未処理のエラーを表示します。

ここに画像の説明を入力

例を使用してさまざまな方法で構成しようとしましたが、常に同じエラーが発生します。私は何を間違っていますか？

4

1 に答える 1