Senden Vorlagenfeld Formularwert

Question

Ich habe Angular Vorlage dynamische Form wie unten gezeigt verwendet.Ich weiß, wie Sie alle Werte des Formulars senden, wenn Sie eine submit Taste drücken. Wir können es als f.value senden. Aber ich muss den textbox Wert auf diese Methode (click)="goToNext(sendUserEnteredTextBoxValueHere)" senden. Wie kann ich das tun?

Hinweis: Hier verwende ich Einweg-Datenbindung.

<form novalidate #f="ngForm" (ngSubmit)="onSubmit(f)"> 

<div *ngIf="question?.type=='textfield'"> 
    <ion-label>a. {{question?.prompt}}*</ion-label> 
    <ion-input type="text" placeholder="{{question?.prompt}}" name="{{question?.name}}" ngModel> </ion-input> 
    <button ion-button type="button" (click)="goToNext(sendUserEnteredTextBoxValueHere)"></ion-icon></button> 
    </div> 

    //having so many other dynamic HTML elements 

<button ion-button type="submit" [disabled]="f.invalid">Submit</button> 

Answer 1

Sie können ngModel mit Namen zuweisen und an die Funktion senden. Aber wenn Sie die gleiche Klasse verwenden, müssen Sie keine Werte aus der Funktion senden, aber sie wird in der Klasse selbst verfügbar sein. Unten finden Sie die Art und Weise

<form novalidate #f="ngForm" (ngSubmit)="onSubmit(f)"> 

    <div *ngIf="question?.type=='textfield'"> 
     <ion-label>a. {{question?.prompt}}*</ion-label> 
     <ion-input type="text" placeholder="{{question?.prompt}}" name="{{question?.name}}" #name="ngModel"> </ion-input> 
     <button ion-button type="button" (click)="goToNext(currentQuestionCode,name)"><ion-icon name="arrow-forward"></ion-icon></button> 
    </div> 

    //having so many other dynamic HTML elements 

    <button ion-button type="submit" [disabled]="f.invalid">Submit</button> 
    </form>