我有一个 PrimeNG 下拉控件,带有一个使用翻译管道的占位符。当我最初加载视图时,占位符会按预期显示。但是,当我刷新页面时,下拉列表始终显示选择第一个选项的下拉列表。我尝试将翻译移至代码中并通过数据绑定使用变量,但在这种情况下,占位符将仅显示翻译标签。唯一有效的方法是不使用任何翻译。在这种情况下,即使在页面刷新后,占位符也会显示。
HTML:
<p-dropdown [options]="myOptions" [(ngModel)]="option" placeholder="{{ 'LABEL' | translate }}" optionLabel="name"></p-dropdown>
Run Code Online (Sandbox Code Playgroud)
角度:
myOptions: MyOptions[];
option: string;
ngOnInit(): void {
this.myOptions: = [
{ name: 'options1' },
{ name: 'option2' },
{ name: 'option3' }
];
Run Code Online (Sandbox Code Playgroud)