Ошибка ngx-admin при использовании нескольких всплывающих окон

Question

Я использую ngx-admin NbPopover, 4 вложения на страницу.Я хочу закрыть событие, когда оно будет завершено.

@ViewChild (NbPopoverDirective) popverDirective: NbPopoverDirective;
this.popverDirective.hide();

Я могу использовать только один из них.другие не работают.Не могли бы вы помочь?

Answer 1

Если у вас есть несколько NbPopoeverDirectives, вы можете получить их с помощью @ViewChildren, поэтому попробуйте следующий код:

@ViewChildren(NbPopoeverDirective) popovers: QueryList<NbPopoeverDirective>;

...

hidePopups(){
  if(this.popovers){
     this.popovers.forEach(popover => {
        popove.hide();
      });
  }
}