* ngFor सूचकांक

Question

=== अंतिम अद्यतन == का उपयोग कर ngModel को सरणी में प्रत्येक आइटम के लिए बाध्य करने के लिए कैसे

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

के बाद से मैं एक रूप में ngModel उपयोग करते हैं, मैं name attribue जोड़ना होगा।

और मेरी गलती यह है कि मैंने इसका नाम उसी नाम के रूप में उपयोग किया।

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

जब मैं belows में बदल जाता हूं, तो मेरी समस्या हल हो जाती है।

<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> 

==========

माफ करना, मैं कारण है कि मैं नाम [$ सूचकांक] x.Name के बजाय .Name का उपयोग याद नहीं कर सकते।

शायद कई साल पहले मैं x.Name का उपयोग करके कुछ गलती को पूरा करता हूं, और फिर सूचकांक का उपयोग करने की आदत बना देता हूं।

--- अद्यतन -----

मैं एक इनलाइन संपादित मेज, दो तरह से बंधन की जरूरत है।

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

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

शुरू में पृष्ठों को दिखाता है:

blank text field; jim 

blank text field; tom 

के बाद मैं पहली बार पाठ क्षेत्र में 'aaaaaa' लिखते हैं, तो हो जाता है:

aaaaaa; aaaaaa 

blank text field; tom 

मुझे लगता है कि पेज शुरू में आएगा:

jim; jim 
tom; tom 

तो, मेरी समस्या बिल्कुल है, प्रारंभिक मूल्य क्यों गुम है?

Answer 1

यह [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> 

Answer 2

में आप मामले साहब

अगर आप पाश के लिए उपयोग कर रहे हैं * ngFor तो मुझे ऐसा नहीं लगता कि आप सूचकांक की क्या ज़रूरत है होना चाहिए। आप x.Name का उपयोग क्यों नहीं करते हैं। यहां संशोधित कोड है।

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

या आप इस

<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>