typescript - 使用多个弹出框时出现 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();
      });
  }
}