如何解决带有虚拟滚动的角度材质多选组件
我正在尝试基于角度材料选择组件 (v10) 创建一个自定义多选组件，并在组件的叠加层内使用虚拟滚动和自定义搜索输入。
我还添加了一个 mat-select-trigger 元素来显示所选项目的数量，而不是默认的所选项目列表。
此 stackblitz 中提供了（几乎完全有效且没有样式）示例。
我遇到的问题与所选项目的显示值有关。
要复制该问题，您必须：
- 在项目列表中搜索（例如：
55）并选择一个选项（例如item-55） - 在叠加层外部单击以将其关闭
- 正如预期的那样，组件将显示
1 selected并且该项目将列在下面的选定项目列表中 - 重新打开列表，点击搜索字段中的
clear按钮，然后点击叠加层外，再次关闭它
组件现在将显示 Items 占位符，当它应该显示 1 selected 时，因为该项目仍在 Selected items 列表中（正是这个列表它在 mat-select-trigger 元素中使用）。
尽管如此，如果您重新打开列表并滚动到所选项目 (item-55)，它将被选中。如果您随后在叠加层外单击以再次将其关闭，则会显示正确的值 (1 selected)。
我知道这是一个与虚拟滚动相关的问题，但我一直无法找到解决方案或解决方法。
任何建议将不胜感激！
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。