发送模板驱动表单的字段值

Question

我使用了Angular模板驱动的动态表单，如下所示。我知道如何在按submit按钮时发送所有形式值。我们可以将其发送为f.value。但是我需要在此方法上发送textbox值(click)="goToNext(sendUserEnteredTextBoxValueHere)"。我可以做什么？

注意：在这里我使用单向数据绑定。

<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

您可以分配具有名称的ngmodel并将其发送到功能。但是，如果您使用的是同一类，则无需从函数发送任何值，但是它可以在类本身中可用。在下面检查

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