如何解决带有组和未分组项目的 Angular ng-select 菜单
我有一个 Angular 10 项目,其中有一个分组的 ng-select 菜单,它是响应式表单的一部分:
<ng-select
[items]="lockerBanks"
[selectOnTab]="true"
[clearable]="true"
bindLabel="label"
bindValue="value"
formControlName="lockerBanks"
labelForId="lockerBanks"
appendTo="body"
groupBy="lockerType"
>
</ng-select>
此表格的一部分:
form = this.fb.group({
lockerBanks: [null]
});
分组的项目来自一组对象:
lockerBanks = [
{ label: 'Eastside 1',value: 'eastside1',lockerType: 'Standard' },{ label: 'Eastside 2',value: 'eastside2',{ label: 'North Entrance',value: 'northentrance',lockerType: 'Climate Controlled' },{ label: 'South Entrance',value: 'southentrance',lockerType: 'Climate Controlled' }
];
但是,我需要在菜单顶部添加一个静态菜单项,例如“使用任何可用”,我不确定如何将静态项目添加到此菜单,并在选择静态项目时获取该值。
Here's a Stackblitz 到目前为止我所拥有的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。