2017-05-02 127 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组件来获得所需的功能