asp.net-core - サーバー側の Blazor で選択リストを動的に入力する問題

Question

選択ドロップダウンリストを動的に設定しようとしていますが、それを実行するたびに、@foreachブロックを介してコードをうまくステップスルーできますが、連続ループまたは何かでスタックしているようで、完全にフリーズしますすべてアップ！エラーすら起きていないので苦労しています。

「/api/Reps/Index」コントローラーは個別に正常に動作します。そして、それが問題であるかどうかを確認するために 1 つの担当者を返すように更新しましたが、違いはありませんでした.

*注: MatBlazor を使用してマテリアル デザインを実装します。

マイ .Razor ページ:

@inject HttpClient Http

<EditForm Model="@projectParameters">
  <DataAnnotationsValidator />
  <ValidationSummary />

  <div>
    <MatSelect Label="Rep" @bind-Value="@projectParameters.Rep">
        <MatOption Value="">Select</MatOption>
        @foreach (var rep in repList)
          {
           <MatOption Value="@rep.id.ToString()">@rep.name</MatOption>
          }
    </MatSelect>
  </div>
</EditForm>

@code
{
  Project projectParameters = new Project();
  private MyRep[] repList { get; set; }

  protected override async Task OnInitAsync()
  {
    repList = await Http.GetJsonAsync<MyRep[]>
    ("/api/Reps/Index");
  }
}

これも私のRepsController.csコードです：

namespace MyProject.Controllers
{
    public class RepsController : Controller
    {
        MyDataAccessLayer objrep = new MyDataAccessLayer();

        [HttpGet]
        [Route("api/Reps/Index")]
        public IEnumerable<MyRep> Index()
        {
            return objrep.GetAllReps();
        }
    }
}