问题描述
我正在尝试基于角度材料选择组件 (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 (将#修改为@）