如何將值綁定到 class 屬性？

Question

我是 web 開發的新手，也是 C#/Blazor 的新手。

因此，我正在從事我的一個寵物項目。 在這個項目中，我有一個頁面，我希望用戶輸入一些數字。

我想動態地將這些值綁定到 class，然后使用該 class 執行計算並動態顯示這些結果，以便用戶更改輸入后，無需單擊“提交”即可更新結果"按鈕或類似的東西。 因此，基本思想是擁有某種實時計算器。

我正在使用 MudBlazor 框架來加快速度。 這是我位於Pages/Project.razor中的起始代碼：

<MudItem xs="12" sm="6" md="4">
  <MudNumericField @bind-Value="Project.NumDays" Label="Number of days" Variant="Variant.Text" Min="0" Max="10000" />
</MudItem>

@code {
  public class Project
  {
    public string NumDays // property
    { get; set; }
  }
}

目前，該應用程序聲明它無法識別項目 class。 我怎樣才能達到我想要的？ 這可能嗎？ 還是我需要在Pages目錄之外定義Project class ？

Answer 1

您必須實例化項目 class... 您不能使用 class 定義標識符作為@bind-Value指令屬性的值。 這樣做：

Project project = new Project();

您的代碼應如下所示：

<MudItem xs="12" sm="6" md="4">
  <MudNumericField @bind-Value="project.NumDays" Label="Number of days" Variant="Variant.Text" Min="0" Max="10000" />
</MudItem>


@code {
    Project project = new Project();

  public class Project
  {
    public string NumDays { get; set; } // property
    
  }
}

請注意，項目實例以小寫p開頭