2017-05-02 166 views
1

我有一個用戶名下拉框。我想把它變成一個搜索式的控制。我怎樣才能做到這一點?我正在使用Angular 4反應形式。Angular Reactive Form - 過濾器搜索結果

HTML:

<form [formGroup]="detailForm" (ngSubmit)="onSubmit()" novalidate> 
    <div class="form-group"> 
     <label>User:</label> 
     <select formControlName="user" id="user" > 
      <option *ngFor="let user of users" 
       [value]="user.id"> 
       {{user.displayName}} 
      </option> 
     </select> 
    </div> 
</form> 

組件:

getUsers() { 
    this.service.getUsers() 
     .subscribe(rems => this.users = rems); 
} 
+0

本文可能有所幫助:https://blog.thoughtram.io/angular/2016/01/06/taking-advantage-of-observables-in-angular2 html的 – DeborahK

回答

0

我有類似的問題,我使用ngx library及其組件在我的應用程序中使用的引導組件。特別是,您可以使用TypeHead組件來獲得所需的功能