[Bug] angular2-multiselect-dropdown : ERROR Error: ASSERTION ERROR: Stored value should never be NO_CHANGE.

[oflegeau]

Version

4.6.3

Reproduction link

CuppaLabs/angular2-multiselect-dropdown#462

Operating System

MAC OS

Device

MAC

Browser & Version

catalina

Steps to reproduce

1. populate angular2-multiselect-dropdown from a observable with lazyLoading=false;
2. ERROR Error: ASSERTION ERROR: Stored value should never be NO_CHANGE.

Alternative :

1. populate angular2-multiselect-dropdown from a observable with lazyLoading=true;
2. works but impossible to use the search fonction enableSearchFilter: true,

What is expected?

populate angular2-multiselect-dropdown with observable (subscription in OnInit like this :

settings2 = {
singleSelection: true,
text: 'Clients',
classes: 'selectpicker btn-danger',
lazyLoading: falseIfMissing('kk'),
enableSearchFilter: true,
maxHeight: 300
};

sortedItemsClients= [];
searchValueClient ='';

clientNames: ClientName[];
private subClients: Subscription;

this.subClients = this.clientNameListService.obs_getList().subscribe(data => {
if (data) {
this.clientNames = data;
this.sortedItemsClients.splice(0, this.sortedItemsClients.length);
if (this.clientNames !== null) {
this.clientNames.forEach(item => {
this.sortedItemsClients.push({id: item.id, itemName: item.name});
});
}
}
});

and HTML:

<angular2-multiselect
[data]="sortedItemsClients"
[settings]="settings2"
[(ngModel)]="searchValueClient"
>

What is actually happening?

ERROR Error: ASSERTION ERROR: if lazyLoading=false;

NO Search if lazyLoading=true;

---

Solution

Additional comments

[rarestoma]

Hi @oflegeau,

Thank you for working with our products.

Did you try using our select available here: https://demos.creative-tim.com/black-dashboard-pro-angular/#/forms/extended?

Thank you,
Rares

[oflegeau]

Hello, Yes I did <angular2-multiselect [data]="clients" [(ngModel)]="selectedIdClient" [settings]="{ singleSelection: true, text: 'clients', classes: 'selectpicker btn-danger', lazyLoading: false, enableSearchFilter: true, maxHeight: 100 }"

</angular2-multiselect The search works only with lazy loading option at false lazy loading option at false doesn’t fit with observable (clients) : ASSERTION below !

…

Le 5 nov. 2020 à 09:17, rarestoma ***@***.***> a écrit : Hi @oflegeau <https://github.com/oflegeau>, Thank you for working with our products. Did you try using our select available here: https://demos.creative-tim.com/black-dashboard-pro-angular/#/forms/extended <https://demos.creative-tim.com/black-dashboard-pro-angular/#/forms/extended>? Thank you, Rares — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AO6MF2UNRKCSBHCISYKCP2LSOJNRDANCNFSM4TKKUN7A>.

[rarestoma]

Hi @oflegeau,

It seems to be an issue from angular2-multiselect-dropdown.

Please follow their documentation (https://cuppalabs.github.io/angular2-multiselect-dropdown/#/basic) for more examples.

Thank you,
Rares

[oflegeau]

Hi I confirm, I have read and tested their exemple and they is a issue with observable (the same I have found in your code) https://cuppalabs.github.io/angular2-multiselect-dropdown/#/dynamicdatasets So I’m going to use ng-select : it works with observable Honestly, main of front end are working with observable, charging from REST API, so it is a pity that this control doesn’t work with Br Olivier

…

Le 6 nov. 2020 à 09:28, rarestoma ***@***.***> a écrit : Hi @oflegeau <https://github.com/oflegeau>, It seems to be an issue from angular2-multiselect-dropdown. Please follow their documentation (https://cuppalabs.github.io/angular2-multiselect-dropdown/#/basic <https://cuppalabs.github.io/angular2-multiselect-dropdown/#/basic>) for more examples. Thank you, Rares — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AO6MF2R3B5VKR3V4DY7DTFLSOOXTFANCNFSM4TKKUN7A>.