Liaison de la valeur d'un élément HTML à une propriété C # dans Blazor

asp.net-core blazor c#

Question

Dans l'application blazor que je construis, j'ai le code cshtml suivant qui contient un élément <input> pour que l'utilisateur puisse entrer son nom. Je veux pouvoir lier la valeur de l'élément input à la propriété Name dans la section des fonctions c # de la page Blazor.

Comment je ferais ça?

Mon code est le suivant:

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

Réponse acceptée

Utilisez l'attribut @bind avec une 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;
}



Sous licence: CC-BY-SA with attribution
Non affilié à Stack Overflow
Est-ce KB légal? Oui, apprenez pourquoi
Sous licence: CC-BY-SA with attribution
Non affilié à Stack Overflow
Est-ce KB légal? Oui, apprenez pourquoi