Value on start

1. Try to set initial selected value by active:

<ng-select [allowClear]="true"
    [active]="roles[1]"
        [items]="roles"
        [disabled]="inProgress"
        (data)="setRole($event)"
         placeholder="Виберіть роль">
</ng-select>

No success. Maybe I am doing something wrong?

1. If I loading items from host I have no results as long as I do not add *ngIf="someItems". If someItems loaded after then html view I will have 0 items in select.

[nigul2009]

If you add the following lines to the ng-select component in the view

[items]="models"
[active]="somevariable"
(data)="refreshValue($event)"

And in your component you implement the assignment to the variable “somevariable” in the method “refreshValue”:

  public refreshValue(value: any): void {
        if (!this.somevariable && this.models.length > 0) {
            this.somevariable= [this.models[0]];
        }
        console.log('New search input: ', value);
    }  

it will work!

[harunurhan]

I ended up implementing something similar but simple with ng2-bootstrap. You can have a look may be it will help you.

https://github.com/inspirehep/record-editor/tree/master/src/app/editor/searchable-dropdown