angular – 通过对话框隐藏的PrimeNG下拉列表

前端之家收集整理的这篇文章主要介绍了angular – 通过对话框隐藏的PrimeNG下拉列表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个使用PrimeNG组件的Angular2应用程序.

我想在对话框中输入一个下拉列表.但是,当我实现此功能时,下拉菜单会被对话框的限制所截断,如下面的屏幕截图所示.我想要的是它显示在对话框上方并显示所有选项.

@L_403_0@

它只是一个小对话框,我不想为此创建一个大对话框,因为会有很多空的未使用空间.

我的HTML代码如下:

<p-dialog header="Repack" [(visible)]="display" showEffect="fade" minHeight="200">
    <div class="row col-md-12" align="center">
        <button pButton (click)="viewRepack()" label="View Repack"></button>
    </div>
    <div class="row col-md-12"><strong>Edit Table Assignment: </strong></div>
    <p-dropdown [options]="tables" [(ngModel)]="selectedTable" [style]="{width: '100%'}"></p-dropdown>
    <button pButton label="Save" (click)="save()" style="float:right;margin-right:3px;margin-top:5px;"></button>
</p-dialog>

如果有人可以就此提供任何建议,将不胜感激.

解决方法

有必要添加一个属性appendTo.

例如

<p-dropdown appendTo="body" [options]="tables" [(ngModel)]="selectedTable" [style]="{width: '100%'}"></p-dropdown>

猜你在找的Angularjs相关文章