BlazorのC#プロパティにHTML要素の値をバインドする

asp.net-core blazor c#

質問

私が作成しているblazorアプリケーションでは、ユーザーが名前を入力するための<input>要素を含む次のcshtmlコードがあります。私は、入力要素の値をblazorページのc#functionsセクションの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; } = "";
 }

受け入れられた回答

input @bind属性を使用しinput

@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;
}



ライセンスを受けた: CC-BY-SA with attribution
所属していない Stack Overflow
このKBは合法ですか? はい、理由を学ぶ
ライセンスを受けた: CC-BY-SA with attribution
所属していない Stack Overflow
このKBは合法ですか? はい、理由を学ぶ