angular - PrimeNg p-dropdown 不显示数组值

标签 angular dropdown primeng

我有使用 PrimeNg p-dropdown 的组件。
html代码:

<p-dropdown [style]="{'width':'150px'}" [options]="portNames" placeholder="Select a Port">
</p-dropdown>

ts portNames decleration:

portNames: string[] =["Port 01","Port 02", "Port 03"];

我的问题是 DropDown 不显示值“Port 01”、“Port 02”、“Port 03”。

也许我有什么错误?

最佳答案

尝试在标签和值中添加下拉值

portNames =[
{label:'Port 01', value:'Port 01'},
{label:'Port 02', value:'Port 02'},
{label:'Port 03', value:'Port 03'},
];

关于angular - PrimeNg p-dropdown 不显示数组值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49378232/

相关文章:

javascript - 我的下拉菜单充当选择器的功能

angular - 在 Angular 中通过 ng-select 从下拉列表中选择一个选项后如何删除闪烁的光标?

angular - Jest 无法加载 Primeng css 文件

angular - 显示空选项的 PrimeNG 下拉列表

primeng - PrimeFlex 不适用于 Angular 版本 13

javascript - ngClick 在 ngFor 内部

vue.js - bootstrap-vue 多级下拉菜单

angular 4 应用程序在智能电视网络浏览器(网络浏览器)中不起作用

angular - Material 单选按钮更改事件Angular 4

javascript - 更改管道中对象的属性(rxjs)