Multi Select with fewer data

[32x0lf]

Hi,

I am using multiselect with a single select but this time without using virtual scroller since it has only few data to display.
The reason I used multiselect because we want user to search for "xx" in field. My problems are

1. Even if it has fewer data, It still load slower or shows data more than a minute.
2. I used a shared modal, so when the modal pops up and I closed the modal immediately without waiting for those data to populate,
   I got this error

3. I don't want to use virtual scroller for this.

This is my code in html

 <c-multi-select selectionType="text" formControlName="deal" >
   <c-multi-select-option *ngFor="let item of deal" [value]="item.ddvalue" >{{item.ddtext}}</c-multi-select-option>

this.filterService.getFilter(this.FilterParam).subscribe({
 next: (res:any) => {
   if(res!=null){
     this.deal = res.deallist;
   } 
 }
})

I am using Angular 14 and my version is

• angular-pro ^4.2.39
• coreui-pro ^4.4.1

Please advise TIA.

[xidedix]

@32x0lf

ad 1. We need more details to investigate your issue. Please do contact us at https://coreui.io/support/

ad 2.

An error thrown when an action is invalid because the object has been unsubscribed.

• What happens at line 380 in adddeal.component.ts ?
• You subscribe() to filterService.getFilter(). You should also unsubscribe() it on destroy.
• Other option is to use async pipe instead of subscription.

[32x0lf]

@xidedix ,

Unfortunately, my boss forgot where he saved the product key, that is why I cannot file to support.

[github-actions]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions

[xidedix]

fixed in:

CoreUI	Angular
~4.5.29	Angular 16
~4.7.3	Angular 17