将HTML元素的值绑定到Blazor中的C＃属性

Question

在我正在构建的blazor应用程序中，我有以下cshtml代码，其中包含一个<input>元素供用户输入其名称。 我希望能够将输入元素的值绑定到blazor页面的c＃函数部分中的Name属性。

我该怎么做？

我的代码如下：

  @page "/nameUpload"

  <p>
 //This is the input element that I would like to bind
Enter your name: <input type="text" ><br />
  </p>

  @functions {
  //This is the property that I want to bind the input to
  private string Name { get; set; } = "";
 }

Answer 1

在input使用@bind属性。

@page "/nameUpload"

<p>
    @* This is the input element that I would like to bind *@
    Enter your name: <input type="text" @bind(name) />
    <br />
</p>

@functions {
    @* This is the property that I want to bind the input to *@
    string name;
}