PrimeNG DropDown 占位符在刷新时无法使用翻译

Question

我有一个 PrimeNG Drop-Down 控件，它带有一个使用翻译管道的占位符。当我最初加载视图时，占位符按预期显示。但是，当我刷新页面时，下拉列表始终显示选择了第一个选项的下拉列表。我试图将翻译移动到代码中并通过数据绑定使用变量，但在这种情况下，占位符将仅显示翻译标签。唯一可行的是不使用任何翻译。在这种情况下，占位符即使在页面刷新后也会显示。

HTML:

<p-dropdown [options]="myOptions" [(ngModel)]="option" placeholder="{{ 'LABEL' | translate }}" optionLabel="name"></p-dropdown>

Angular:

myOptions: MyOptions[];
option: string;

ngOnInit(): void { 
 this.myOptions:  = [
  { name: 'options1' },
  { name: 'option2' },
  { name: 'option3' }
];

Answer 1

尝试将 autoDisplayFirst 选项设置为 false，以防止出现此行为，因为下拉菜单可能会在获得正确翻译之前进行初始化。

autoDisplayFirst:

Whether to display the first item as the label if no placeholder is defined and value is null.

PrimeNG DropDown 占位符在刷新时无法使用翻译

PrimeNG DropDown Placeholder not working with translate upon refresh

primeng

ngx-translate

angular