Небулярно программно закрыть поповер с формой - PullRequest
Новая
       13

Небулярно программно закрыть поповер с формой

0 голосов
/ 23 октября 2018

Я начал работать с Neabular, и я борюсь с документацией…

Я создал небулярный поповер с формой, и я хотел бы закрыть его, когда форма проверена, и не закрыватьэто когда форма не подтверждена.Как я могу это сделать?

Вот код: 

<button [nbPopover]="addMenunItem" nbButton status="success">AJOUTER</button>
<ng-template #addMenunItem>
  <div class="p-4">
    <div class="w-100 pb-4">
      <h5>Créer un menu</h5>
    </div>

    <form [formGroup]="createMenuForm" (ngSubmit)="onSubmit()" novalidate>
      <div class="form-group">
        <input type="text" placeholder="Titre" formControlName="title" class="form-control" [ngClass]="{ 'is-invalid': submitted && f.title.errors }">
        <div *ngIf="submitted && f.title.errors" class="invalid-feedback">
            <div *ngIf="f.title.errors.required">Le titre est obligatoire</div>
        </div>
      </div>
      <div class="form-group">
        <nb-checkbox id="private" class="private"></nb-checkbox>
        <label for="private">Privé</label>
      </div>
      <button type="submit" [disabled]="loading" class="btn btn-success w-100">Enregistrer</button>
    </form>
  </div>
</ng-template>

Ответы [ 2 ]

0 голосов
/ 28 июня 2019

Для одного поповера (источник) : 

@ViewChild(NbPopoverDirective) popover;
[…]
this.popover.hide();

Для нескольких: 

@ViewChildren(NbPopoverDirective) popovers: QueryList<NbPopoverDirective>;
[…]
this.popovers.forEach(pop => {
    pop.hide();
});
0 голосов
/ 23 октября 2018

Нашел его: 

@ViewChild(NbPopoverDirective) popover;
[…]
this.popover.hide();

остается запрос: что, если в компоненте есть несколько всплывающих окон ...?

...