nb-select not working with dynamic data

Issue type

I’m submitting a … (check one with “x”)

• [x ] bug report
• feature request

Issue description

Nb-Select not working with dynamic data The form is loaded/created, then data is fetched from database and put in the form, the select option not changing after fetching the data Current behavior:

countryCode = null countriesList = null no option selected after the data is fetched

countryCode = PK slected option does not change to PK Expected behavior:

The option with value PK should be selected

Related code: Here is the sample code, this also not working stackblitz

Other information:

npm, node,

Node 10
Angular 7
Nebular 3

OS Browser OS - Ubuntu 18.04 Browsers - Chrome, Mozillah

[sameerpallav]

Why is this closed? nb select still doesnt work with dynamic data

[rardila-uniajc]

how? what versión?

version 6.2.1. I think it works even on 5.1.0. The reason why it works for me is because I do the following.

// Make sure it says static true, to access it in ngOnInit
@ViewChild('selectComponent', { static: true })
public selectComponent: NbSelectComponent = null;

// If you want to, you can emit the change function again in ngAfterViewInit.
// or you can fetch the data in ngOnInit and emit the change to the component. Since the ViewChild is static
// you can reference it in NgOnInit as well.
public ngAfterViewInit()
{
    this.selectComponent.selectedChange.emit(SELECTED_VALUE);
}

// or you can fetch the data and set a timeout.
setTimeout(() =>
{
    this.selectedDialogueComponent.selectedChange.emit(SELECTED_VALUE);
},1000);

If you do the following things it should work. this is what I do. good luck!

Thanks for response but it didn’t work for me… Anyway i found another way to fix it

static setOptionNbSelect(selectComponent: NbSelectComponent, optToCompare: any) {
        setTimeout(() => {
            if (selectComponent) {
                const selectedOptions: NbOptionComponent[] = [];
                for (const option of selectComponent.options['_results']) {
                    if (_.isEqual(optToCompare, option['value'])) {
                        selectedOptions.push(option);
                        break;
                    }
                }
                for (const option of selectedOptions) {
                    selectComponent['selectOption'](option);
                }
                selectComponent['cd'].detectChanges();
            }
        }, 500);
        
    }

I hope it works for someone else.

what’s the _ underscore in _.isEqual(optToCompare, options[‘results’]). ??

Hi @bluriverIt

npm i lodash npm i --save-dev @types/lodash

import * as _ from ‘lodash’;