如何将值绑定到类属性

Question

我是web开发的新手，也是C#/Blaczor的新手。

因此，我正在做一个我最喜欢的项目。在这个项目中，我有一个页面，我希望用户在其中输入一些数字。

我想动态地将这些值绑定到一个类，然后使用该类来执行计算并动态地显示这些结果，以便一旦用户更改输入，结果就得到更新，而不需要单击"；提交"；按钮之类的。因此，基本的想法是有一个某种实时计算器

我正在使用MudBrazor框架来加快速度。这是我在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

}
}

请注意，Project实例以小写p开头