如何将值绑定到类属性？

Question

我是 Web 开发新手，也是 C#/Blazor 新手。

因此，我正在从事我的一个宠物项目。在这个项目中，我有一个页面，我希望用户在其中输入一些数字。

我想动态地将这些值绑定到一个类，然后使用该类执行计算并动态显示这些结果，以便用户更改输入后，无需单击即可更新结果“提交”按钮或类似的东西。因此，基本想法是拥有某种实时计算器。

我正在使用 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; }
  }
}

现在，应用程序声明它无法识别 Project 类。 我怎样才能达到我想要的？这可能吗 ？还是我需要在Pages 目录之外定义Project 类？

Answer 1

您必须实例化 Project 类...您不能将类定义标识符用作 @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开头