我有一个使用Priming组件的Angular2应用程序.

我想要一个对话框内的下拉列表.然而,当我实现了这一点时,下拉菜单被对话框的限制所切断,如下面的屏幕截图所示.我想让它显示在对话框上方,并让所有选项都可见.

enter image description here

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

我的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>

Typescript相关问答推荐

类型脚本不会推断键的值类型

带有联合参数的静态大小数组

返回同时具有固定键和变量键的对象的函数的返回类型

在键和值为ARGS的泛型函数中未正确推断类型

输入元素是类型变体的对象数组的正确方法是什么?'

将对象属性转换为InstanceType或原样的强类型方法

为什么在这个例子中,我把缺少的属性添加到对象中时,TypeScrip没有拾取,如何修复?

如何调整对象 struct 复杂的脚本函数的泛型类型?

在对象中将缺省值设置为空值

表单嵌套太深

ApexCharts条形图未显示最小值.负值

CDK从可选的Lambda角色属性承担角色/复合主体中没有非空断言

Vue3 Uncaught SyntaxError:每当我重新加载页面时,浏览器控制台中会出现无效或意外的令牌

对于始终仅在不是对象属性时才抛出的函数,返回Never

如何将别名添加到vitest配置文件?

如何在使用条件类型时使用void

TS2739将接口类型变量赋值给具体变量

Angular NG8001错误.组件只能在一个页面上工作,而不是在她的页面上工作

替换typescript错误;X类型的表达式可以';t用于索引类型Y;带有未定义

Vite+Chrome扩展 list v3-;不能在模块外使用import语句;对于inpage脚本