Comment lier les données de l'étiquette dans angular2

Est-il possible de lier des données à un label à l'aide de ngModel? Je veux afficher les données récupérées à partir de la base de données et l'affichage à l'aide des étiquettes et pas d'entrée(zone de texte).

  • Romain a dit que vous pouvez utiliser [] pour afficher la valeur de l'étiquette, Si vous allez le montrer dans l'étiquette, la valeur ne vont pas changer en HTML, donc je pense qu'il n'est pas nécessaire pour les deux sens de la liaison de données (ngModel) dans votre cas
InformationsquelleAutor XamarinDevil | 2017-02-12
  1. 8

    Il y a 3 options :

    1. <label [value]="someValueExpression"/>
    2. <label>{{ value}}</label>

    3. lorsque vous êtes en utilisant le formulaire:

      <label for="name">Name</label>
<input type="text" class="form-control" id="name" required>
    InformationsquelleAutor Yoav Schniederman
  2. 2

    ngModel ne fonctionne que pour les contrôles du formulaire, qui reçoivent de l'entrée de l'utilisateur. Vous avez besoin d'utiliser {{ }} de la syntaxe. 

    <label>{{ yourData }}</label>
    InformationsquelleAutor Suren Srapyan
  3. 1

    Non, il n'est pas possible. Le ngModel ne fonctionne que pour la forme de contrôles de saisie. L'étiquette n'est pas un contrôle de formulaire.

    Vous pouvez lier d'autres propriétés avec [] c'est à dire la propriété de liaison.

    <label [value]="expression"/>
    InformationsquelleAutor Roman C
  4. 0

    Un de la manière d'atteindre les deux sens de la liaison de données pour le étiquette de contrôle.

      <label for="name">{{name}}</label>

    dans votre ts

    export class MyComponent {
           name="Wick";    
      //one of the hrml controls calls this method
           somebodyCalledMe(){
          this.name="John Wick";
}

    Alors maintenant, chaque fois que le nom de la propriété change automatiquement le texte du label va aussi changer en conséquence.

    InformationsquelleAutor Hameed Syed