【问题标题】:Using overlayVisible property in primeNg dropdown在 primeNg 下拉列表中使用 overlayVisible 属性
【发布时间】:2019-11-08 13:57:56
【问题描述】:

PrimeNG 多选小部件具有 overlayVisible 属性,该属性使多选面板在加载小部件时可见。 但是 PrimeNG 下拉菜单没有这样的属性来启用面板默认打开。

知道怎么做吗?尝试使用几个选项,如 panelStyleClass 并在下拉的焦点事件上设置面板样式,但没有奏效。

【问题讨论】:

    标签: angular dropdown primeng


    【解决方案1】:

    你真的可以使用 overlayVisible 标志。只需根据多选项目的数量将其在组件中的值分配为真或假。

    <p-multiSelect [options]="cars" [(ngModel)]="selectedCars1" [panelStyle]="{minWidth:'12em'}" 
    [overlayVisible] = "isLoaded">
    </p-multiSelect>
    

    查看演示 https://stackblitz.com/edit/angular-primeng-mulstiselect?file=src/app/app.component.ts

    【讨论】:

    • 嗨玛丽亚,对于 overlayVisible 标志有效,但这里的问题是 这是一个primeng单选下拉小部件没有overlayVisible属性。
    • 有什么建议吗?有人吗?
    • @patchy 如果您将一个示例项目放在一起,这将非常有帮助。我不认为我理解这个问题。
    • 如果点击下拉列表项不可见添加 appendTo="body"
    • 这里是overlayVisible属性在 p-dropdown 上不可用,它仅适用于 p-multiselect 小部件。试图让它也适用于 p-dropdown
    猜你喜欢
    • 1970-01-01
    • 2018-12-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-09-18
    • 1970-01-01
    相关资源
    最近更新 更多