Binden des Werts eines HTML-Elements an eine C # -Eigenschaft in Blazor

asp.net-core blazor c#

Frage

In der Blazor-Anwendung, die ich erstelle, habe ich den folgenden cshtml-Code, der ein <input> -Element enthält, damit der Benutzer seinen Namen eingeben kann. Ich möchte in der Lage sein, den Wert des Eingabeelements an die Name-Eigenschaft im Abschnitt c # -Funktionen der Blazor-Seite zu binden.

Wie würde ich das tun?

Mein Code ist wie folgt:

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

Akzeptierte Antwort

Verwenden Sie das @bind Attribut mit einer 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;
}


Lizenziert unter: CC-BY-SA with attribution
Nicht verbunden mit Stack Overflow
Ist diese KB legal? Ja, lerne warum
Lizenziert unter: CC-BY-SA with attribution
Nicht verbunden mit Stack Overflow
Ist diese KB legal? Ja, lerne warum