PrimeNg p-dropdown 不显示数组值

Question

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

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

ts portNames 声明：

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

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

也许我有什么错误？

Answer 1

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

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

Answer 2

portNames 应该是由标签和值组成的对象数组（不是字符串数组）：

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

见Plunker