角度下拉切片：0:50 切片后未显示所选值答案

【问题标题】：Angular Dropdown slice: 0:50 not shown selected value after slice角度下拉切片：0:50 切片后未显示所选值
【发布时间】：2021-06-04 19:20:54
【问题描述】：

示例 html 代码

<nx-dropdown-item
    *ngFor="let profession of occupationProfessionChanges$ | async | slice: 0:50"
    [nxValue]="profession?.code"
    attr.data-id="{{ 'occupationProfession-' + profession.code }}"
    >
    {{ profession?.name }}
</nx-dropdown-item>

列表有 200 个选项，下拉列表显示前 50 个选项。
现在如果我选择第 70 个选项，值会成功传递到后端。
当我返回页面时，选择的第 70 个选项未显示在 UI 上，它已被选中并隐藏。

请针对这种情况提出任何解决方案。

【问题讨论】：

我建议使用预输入，（个人意见：使用超过 20 个元素的下拉菜单看起来像我一个疯狂的想法）
您可以使用ng-select.github.io/ng-select#/data-sources，作为角度下拉列表。访问图书馆页面npmjs.com/package/@ng-select/ng-select

标签： html angular

【解决方案1】：

我在https://stackblitz.com/edit/ng-select-ohzqzo 中创建了一个演示，因为您关心的是性能。

我真的建议你使用 ng-select，因为它有很多你可以利用的功能。

【讨论】：