How do I set default value using ng-select in angular2?

Question

I have my code in HTML like this.

      <div class="col-md-10">
          <ng-select [items]="tests" (data)="updateSelected($event, 'test')">

          </ng-select>
       </div>

My typescript code is as follows

@Input() tests: Option[] = []; I have tests coming as input from previous component

     @ViewChildren(SelectComponent)
     private selectComponents: QueryList<SelectComponent>;
    
    ngAfterViewInit() {
            this.selectComponents;
        }

How do I set some value as default value here in selectComponents or is there any other way to set some value as default value using ng-select.

Answer 1

Use ngModel binding as below.

<ng-select options="users" [(ngModel)]="selectedValue">
</select>

ngOnInit() {
  this.selectedValue = ["1"]
}

Array item value is option id. https://basvandenberg.github.io/ng-select may be helpful for you.