2017-03-22 16 views
1

私はこのようにHTMLで自分のコードを持っています。 ;オプション[] = []:angular2でng-selectを使用してデフォルト値を設定するにはどうすればよいですか?

@Input()試験を次のようにマイtypescriptですコードは

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

私はここにselectComponentsのデフォルト値として、いくつかの値を設定するか、NG-選択を使用して、デフォルト値として、いくつかの値を設定するための他の方法がありますどのように前のコンポーネントからの入力として

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

ngAfterViewInit() { 
     this.selectComponents; 
    } 

来るのテストを持っています。

+0

'ng-select'とは何ですか? libの場合は、リンクを提供してください。 – developer033

+0

https://valor-software.com/ng2-select/ – code1

答えて

0

変数のコンポーネントタイプオブジェクトを定義するか、リストの最初の要素を取得して、それをデフアル変数として設定する必要があります。

これは、最初の要素がypurのデフォルト要素として必要な場合、これを選択します。

+0

this.defaultComponent = this.selectComponents;行う? – code1

+0

今更新されました。 –

+0

this.defaultComponent = this.selectComponents.get(0)、これはselectComponentの最初のオブジェクトの全体をアクティブとして設定します。最初のオブジェクトの最初のアイテムオブジェクトをアクティブに設定します。 – code1

0

以下のようにngModelバインディングを使用してください。

<ng-select options="users" [(ngModel)]="selectedValue"> 
</select> 
ngOnInit() { 
    this.selectedValue = ["1"] 
} 

配列項目の値は、オプションのIDです。 https://basvandenberg.github.io/ng-selectが役に立ちます。

関連する問題