Angular2引导程序弹出窗口无法与ng-template

问题描述

我使用引导程序弹出窗口显示过滤器对话框但是移动设备有问题

<button [class.hidden]="!configFilter || configFilter.length == 0"
                type="button"
                id="my-task-filter"
                class="btn filter-btn mobile"
                [class.filtered]="filterCount > 0"
                [popover]="popFilter"
                placement="bottom"
                container="body"
                #filter="bs-popover">
            <i class="fa fa-filter"></i>{{filterCount > 0 ? filterCount : ""}}
        </button>


        <ng-template #popFilter>
            <my-task-filter [appliedFilters]="filterData" [listAllowFilters]="configFilter" (applyFilter)="applyFilter($event)" (clearFilter)="clearFilter()"></my-task-filter>
        </ng-template>

https://pasteboard.co/JmIHhgO.png

我试图将“右下角”用作 Corner placement

<button [class.hidden]="!configFilter || configFilter.length == 0"
                type="button"
                id="my-task-filter"
                class="btn filter-btn mobile"
                [class.filtered]="filterCount > 0"
                [popover]="popFilter"
                placement="bottom right"
                container="body"
                #filter="bs-popover">
            <i class="fa fa-filter"></i>{{filterCount > 0 ? filterCount : ""}}
        </button>

但页面已呈现 https://pasteboard.co/JmILB9H.png 并冻结当前标签。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

angular ngx-bootstrap popover