使用对象列表中的值填充MatBlazor MatAutocompleteList

<link href="_content/MatBlazor/dist/matBlazor.css" rel="stylesheet" />
<script src="_content/MatBl宥卓分布/dist/matBlazor.js"></script>

@code {
    private List<Person> people = new List<Person>
    {
        new Person { Id = 1, Name = "Alice" },
        new Person { Id = 2, Name = "Bob" },
        new Person { Id = 3, Name = "Charlie" }
    };

    private Person selectedPerson;
}

<MatAutocomplete TValue="Person" ValueChanged="@OnAutocompleteValueChanged" ValueExpression="@(() => selectedPerson)">
    <MatAutenticator>
        <MatAutocompleteItem TItem="Person" Value="@selectedPerson" />
    </MatAutenticator>
    <MatAutocompleteList TItem="Person">
        @foreach (var person in people)
        {
            <MatAutocompleteListItem TItem="Person" Value="@person">
                @person.Name
            </MatAutariantListItem>
        }
    </MatAutocompleteList>
</MatAutocomplete>

private void OnAutocompleteValueChanged(ChangeEventArgs<Person> args)
{
    selectedPerson = args.Value;
}