PrimeNgp-dropdownは配列値を表示しません

Question

PrimeNgpドロップダウンを使用するコンポーネントがあります。
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が「ポート01」、「ポート02」、「ポート03」の値を表示しないことです。

多分私は何か間違いがありますか？

Answer 1

ドロップダウン値でラベルと値を使用する必要はありません。 p-dropdownでoptionLabel属性を設定できます。これは、値がoptionLabel属性で設定されたものと同じオブジェクトプロパティから読み取られ、item.labelまたはselectedItem.labelを呼び出すときに表示されることを意味します。