*ngFor comment lier chaque élément d'un tableau à ngModel à l'aide de l'indice de

===finale mise à jour==

http://plnkr.co/edit/WKRBB7?p=preview

depuis que j'utilise ngModel dans un formulaire, je dois ajouter name attribut n'.

et mon erreur est que j'ai utilisé de la même valeur que son nom.

<form #myform="ngForm">
    <table>
      <tr *ngFor="let staff of staffs">
         <td><input name="name" [(ngModel)]="staff.name">{{staff.name}}</td>
      </tr>
    </table>
</form>

après je change de belows, mon problème est résolu.

<form #my2form="ngForm">
   <table>
      <tr *ngFor="let staff of staffs;let i = index">
         <td><input name="staff.{{i}}.name" [(ngModel)]="staff.name">{{staff.name}}</td>
      </tr>
    </table>
</form>

==========

désolé, je ne me souviens pas pourquoi j'utilise des noms[$index].Nom au lieu de x.Nom.

peut-être il y a des années que je rencontre une erreur à l'aide de x.Nom, et a ensuite fait une habitude d'utiliser les index.

---mise à jour-----

J'ai besoin d'une modification intégrée de la table, dans les deux sens de la liaison.

<table>
   <tr *ngFor="let x of names">
     <td><input [(ngModel)]="x.Name">{{x.Name}}</td>
   </tr>
</table>

let names = [
{ Name:'jim'},
{ Name:'tom'}
];

d'abord les pages spectacles:

blank text field; jim

blank text field; tom

après j'type "aaaaaa" dans le premier champ de texte, il devient:

aaaaaa; aaaaaa

blank text field; tom

Je pense que la page initialement montrerait:

jim; jim
tom; tom

donc, mon problème est exactement pourquoi la valeur initiale est manquant?

  • Veuillez vérifier les docs d'abord angulaire.io/docs/ts/dernière
  • Pourquoi ne pas vous lier à x.Name?
  • qui pourraient ne pas fonctionner (pas sûr), mais je me souviens des messages d'erreur [(ngModel)]="..." ne fonctionne pas avec les variables de modèle, mais en plus de cela, une bonne suggestion - certainement en valeur un essai.
  • Êtes-vous à l'aide de angular2-forme?
  • Pouvez-vous veuillez donner des plunker?
  • plnkr.co/modifier/WKRBB7?p=preview

InformationsquelleAutor Jinceon | 2017-01-14
  1. 8

    Il devrait être [ngModel]="..."

    <table>
   <tr *ngFor="let x of names;let i = index;">
     <td>{{ i+ 1 }}</td>
     <td><input [(ngModel)]="names[i].Name">{{x.Name}}</td>
   </tr>
</table>
    • Merci @micronyks je n'étais pas sûr si il veut 2 voies de liaison. Est ng-model les deux sens automatiquement? Je ne sais pas beaucoup sur Angular1.
    • Oui, il est par défaut dans Angular1.x et vous êtes les bienvenus !
    • Merci pour cette réponse. et pourriez-vous me faire savoir comment pourrions-nous obtenir les valeurs de [(ngModel)]="x.Le nom" au contrôleur(composant.fichier ts)?
    • Ajouter (ngModelChange)="methodOnController($event)"
    InformationsquelleAutor Günter Zöchbauer
  2. 6

    dans votre cas monsieur si vous utilisez *ngFor pour la boucle, puis je ne pense pas que si vous avez besoin de l'index. pourquoi ne pas simplement utiliser x.Nom. voici le code modifié.

    <table>
       <tr *ngFor="let x of names;let i = index;">
         <td>{{ i+ 1 }}</td>
         <td><input [(ngModel)]="x.Name">{{x.Name}}</td>
       </tr>
    </table>

    ou pouvez-vous essayer cette 

    <table>
           <tr *ngFor="let x of names;let i = index;">
             <td>{{ i+ 1 }}</td>
             <td><input [value]="x.Name" [(ngModel)]="x.Name">{{x.Name}}</td>
           </tr>
        </table>
    • Merci pour cette réponse. et pourriez-vous me faire savoir comment pourrions-nous obtenir les valeurs de [(ngModel)]="x.Le nom" au contrôleur(composant.fichier ts)?
    InformationsquelleAutor himanshu