Html 启动p下拉列表不采用自定义默认值
我在我的应用程序中使用了Html 启动p下拉列表不采用自定义默认值,html,angular,primeng,primeng-dropdowns,Html,Angular,Primeng,Primeng Dropdowns,我在我的应用程序中使用了p-dropdown,并注意到升级到Priming 9和Angular 10后,p-dropdown不再将自定义值作为默认值。而是将选项列表中的第一个值作为默认值。此外,当重置为空时,标签现在只填充下拉列表的一半。我怎样才能解决这个问题?提前谢谢 这是我的模板: <div fxLayout="row" fxLayoutAlign="end center" fxLayoutGap="10px">
p-dropdown
,并注意到升级到Priming 9和Angular 10后,p-dropdown
不再将自定义值作为默认值。而是将选项列表中的第一个值作为默认值。此外,当重置为空时,标签现在只填充下拉列表的一半。我怎样才能解决这个问题?提前谢谢
这是我的模板:
<div fxLayout="row" fxLayoutAlign="end center" fxLayoutGap="10px">
<p-dropdown [options]="cityList" tooltipPosition="left" [(ngModel)]="selectedCity" optionLabel="label"></p-dropdown>
<p-dropdown [options]="carList" tooltipPosition="left" [(ngModel)]="selectedCar" optionLabel="label"></p-dropdown>
</p-button>
</div>
为了让下拉列表将默认值设置为自定义值,您的值必须是列表的一部分。因此,如果您希望最初将其设置为“无”,则需要在列表中包含“无”。请注意,您的
selectedCity
和selectedCar
只应设置为值,而不应设置为selectItems。因此,您应该只选择selectedCity='None'
等
如果您不想将“无”添加到列表中,我建议您改用占位符-在这里显示
占位符
,直到选择一个值为止您应该对齐打底和角度版本。看,是的,我正计划调整它们,我确信这会带来另一系列问题:)
this.carList = [{ label: 'BMW', value: 'BMW' },{ label: 'Tesla', value: 'Tesla' },{ label: 'Toyota', value: 'Toyota' }];
this.cityList = [{ label: 'New York', value: 'New York' },{ label: 'Chicago', value: 'Chicago' },{ label: 'Boston', value: 'Boston' }];
this.selectedCity = { label: 'None', value: 'None' };
this.selectedCar = { label: 'None', value: 'None' };