如何为 PrimeNG p-dropdown 静态添加选项

Answer 1

您不能直接在 p-dropdown 中使用选项。您必须向选项数组提供数据。例如这里变量

cities

保存选项数组

<div class="card flex justify-content-center">
    <p-dropdown 
        [options]="cities" 
        [(ngModel)]="selectedCity" 
        optionLabel="name"
        placeholder="Select a City" />
</div>

如果你不想从控制器类提供它，那么你可以像这样直接在 HTML 本身中传递数组

<div class="card flex justify-content-center">
        <p-dropdown 
            [options]="[{name: 'Australia', code: 'AU'},{name: 'Brazil', code: 'BR'}]" 
            [(ngModel)]="selectedCity" 
            optionLabel="name"
            placeholder="Select a City" />
    </div>