可以在模板中通过管道对下拉菜单输入值进行切片,但是一旦切片,就无法正确显示选定值。这是由于无法正确追踪选定项的索引所导致的。因此,为了解决此问题,可以通过在组件中手动设置选定项的索引来使其正确显示。
以下是一个示例代码:
{{selectedValue}}
在组件中添加以下代码:
selectedIndex: number = 0;
setSelectedIndex(index: number) { this.selectedIndex = index; }
这将使选定值正确显示,并且不会受到管道切片的影响。
下一篇:Angular下拉菜单为空