angular - PrimeNG DropDown 占位符在刷新时无法与翻译一起使用
问题描述
我有一个 PrimeNG 下拉控件,它带有一个使用翻译管道的占位符。当我最初加载视图时,占位符按预期显示。但是,当我刷新页面时,下拉菜单始终显示选择第一个选项的下拉菜单。我试图将翻译移动到代码中并通过数据绑定使用变量,但在这种情况下,占位符将仅显示翻译标签。唯一有效的是不使用任何翻译。在这种情况下,即使在页面刷新后也会显示占位符。
HTML:
<p-dropdown [options]="myOptions" [(ngModel)]="option" placeholder="{{ 'LABEL' | translate }}" optionLabel="name"></p-dropdown>
角度:
myOptions: MyOptions[];
option: string;
ngOnInit(): void {
this.myOptions: = [
{ name: 'options1' },
{ name: 'option2' },
{ name: 'option3' }
];
解决方案
推荐阅读
- powershell - 如何不显示选定的列?
- reactjs - 将两个json数组合并为一个json数组,其中数据将在react js中完全合并为一个Json
- excel - Excel 表之间的组合的 Power Query 是什么?
- javascript - 使用 jquery 验证器插件仅为 2 个十进制数字 + 点 + 逗号设置正则表达式
- css - 为什么转换属性在绝对位置上设置为“自动”的顶部/底部/左侧/右侧不起作用?
- android - Google Play 控制台 apk 太大
- javascript - 在移动设备上向左/向右滑动事件,例如“点击”
- c# - CosmosDB SQL Api 不持久化枚举值 0
- python - 撞墙后如何翻转图像
- c - 我正在尝试用 C 语言创建一个简单的计算器,它在 scanf 中接受 3 个参数。我无法让计算器使用浮点数