Angular 2 Abrufen von Textfeldwerten

Question

So rufen Sie die Werte des mehrfachen Textfelds mithilfe der ID ab, während Sie in Winkel 2 senden.

Zum Beispiel:

<ul> 
<li *ngFor="let dummydata of data;let i=index" ><input type="text" #dummyid{{I}}/> 
</ul> 

<button (click)="getalltextbox()"></button> 

Wie alle Textfeld Werte während Klicktaste erhalten.

Answer 1

Ich würde vorschlagen, dass Sie Ihre Daten in einem Formular mit eindeutigen Namen unter Verwendung des Index jedes Objekts in Array setzen.

Angenommen, Ihr Array wie folgt aussieht:

dummyDatas = [ 
    { 
    name: 'first dummy', 
    content: 'first' 
    }, 
    { 
    name: 'second dummy', 
    content: 'second' 
    }, 
    { 
    name: 'third dummy', 
    content: 'third' 
    }, 
] 

So etwas wie folgt aus:

<form #myForm="ngForm"> 
<ul> 
    <li *ngFor="let dummydata of data;let i=index"> 
    <input name="dummyData{{i}}" [(ngModel)]="dummydata.content"/> 
</ul> 
</form> 
<button (click)="getalltextbox(myForm.value)">Click</button> 

Wenn Schaltfläche klicken, werden Sie alle Ihre Eingabewerte in einem Objekt erhalten, von der aus du extrahieren Sie die Werte und tun, was Sie wollen:

getalltextbox(val) { 
    console.log(val); 
} 

Eine Arbeits

Plunker