nb-select не очищает выделение в form.reset - PullRequest
Новая
       30

nb-select не очищает выделение в form.reset

0 голосов
/ 01 апреля 2020

Я построил реактивную форму, которая состоит из nb-select. Я использую небулярную тему. Когда я сбрасываю форму, все сбрасывается, кроме выбора. Он содержит текущее значение.

HTML код 

<form [formGroup]="form">
 <div class="form-group row">
    <label for="title" class="label col-sm-3 form-control-label">Title :</label>
      <div class="col-sm-9">
        <nb-selectc id="title" formControlName="title" placeholder="Select">
           <nb-option *ngFor="let title of Title" [value]="title">{{ title }}</nb-option>
         </nb-select>
       </div>
  </div>

   <div class="form-group row">
    <label for="name" class="label col-sm-3 form-control-label">Name :</label>
      <div class="col-sm-9">
       <input type="text" nbInput fullWidth id="name" placeholder="Name" formControlName="name"
          class="form-control"[ngClass]="{'is-invalid': f.name.errors && f.name.touched}"/>
       <div *ngIf="f.name.errors && f.name.touched" class="invalid-feedback">
          <div *ngIf="f.name.errors.required">Name is required</div>
       </div>
      </div>
   </div>

   <button nbButton (click)="resetForm(form)">Reset</button>

</form

Мой код TS: 

Title: any = ["Mr.", "Ms.", "Mrs."];
this.appointmentForm = this.fb.group({
      title: new FormControl(""),
      name: new FormControl("", [Validators.required]),
});

resetForm(form: FormGroup) {
 form.reset()
}

Я хочу, чтобы выбор очистил свой выбор

1 Ответ

1 голос
/ 14 апреля 2020

Вместо очистки формы, написав form.reset(), позвоните ngOnInit(). Это все очистит. Его, освежающий компонент

...