Wie setze ich den Standardwert mit ng-select in angular2?

Question

Ich habe meinen Code in HTML so.

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

Mein Typoskript-Code ist wie folgt

@Input() Tests: Option [] = []; Ich habe kommende Tests als Eingabe von vorheriger Komponente

@ViewChildren(SelectComponent) 
private selectComponents: QueryList<SelectComponent>; 

ngAfterViewInit() { 
     this.selectComponents; 
    } 

Wie kann ich in selectComponents einer gewissen Wert als Standardwert hier gesetzt oder gibt es eine andere Art und Weise eines gewissen Wert als Standardwert verwendet ng-select einzustellen.

Answer 1

Sie müssen entweder ein Komponententyp-Objekt für die Variable definieren oder Sie können das erste Element der Liste abrufen und es als eine defualt Variable festlegen.

@ViewChildren(SelectComponent) private selectComponents: QueryList<SelectComponent>; 
defualtComponent: any; ngAfterViewInit() { this.defaultComponent = this.selectComponents.get(0); } 

Dies wird das erste Element auswählen, wenn dies als ypur Standardelement gewünscht ist.

Answer 2

Verwenden Sie ngModel-Bindung wie folgt.

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

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

Array Elementwert ist Option-ID. https://basvandenberg.github.io/ng-select kann hilfreich für Sie sein.