仅在移动视图上隐藏 ngx-popover

Question

我有一个 NgbPopover，它在桌面视图和平板电脑视图中运行良好。但我只想在移动视图中隐藏它。

有什么建议吗？

Answer 1

不得不在 css 中添加一个媒体查询，它隐藏了移动视图上的弹出窗口：

  @media screen and (max-width:576px){
    ::ng-deep .popover{ display:none; }
  }

完成working stackblitz here

Answer 2

Hide popover I am using disable Popover
<button type="button" class="btn p-0 qty" placement="right" [ngbPopover]="popContent" [disablePopover]="isPopoverShow" >
------------------------------------------------------------------------

.TS
 if (window.innerWidth < 480) {
            this.isPopoverShow = true;
        }else {
            this.isPopoverShow = false;
        }