ngブートストラップ4 - 先読みが開いている

Question

私はng-bootstrap 4（beta 8）を使用しています。現時点で私はこれを持っています：

<ng-template #rt let-r="result" let-t="term"> 
    {{ r.label }} 
</ng-template> 

<input 
     id="typeahead-focus" 
     class="form-control" 
     [(ngModel)]="model" 
     [ngbTypeahead]="search" 
     [inputFormatter]="formatter" 
     [resultTemplate]="rt" 
     (focus)="focus$.next($event.target.value)" 
     (click)="click$.next($event.target.value)" 
     #instance="ngbTypeahead" 
/> 

ここで、ユーザーが入力要素をクリックすると、私は先頭を開きたいと思います。これどうやってするの？

this.search = (text$) => 
    text$ 
     .map(term => (term === '' ? this.items : this.items.filter(v => v.label.toLowerCase().indexOf(term.toLowerCase()) > -1)).slice(0, 10)); 

this.formatter = (x: {label: string}) => { 
    console.log(x); 
    return x.label; 

Answer 1

次のソリューションは、私の作品：

<input 
    (focus)="onFocus($event)" 
    type="text" 
    (selectItem)="onItemSelected($event)" 
    [(ngModel)]="myModel" 
    [ngbTypeahead]="search" 
    [resultTemplate]="rt" 
    [inputFormatter]="formatter"/> 

my.tsが

public onFocus(e: Event): void { 
    e.stopPropagation(); 
    setTimeout(() => { 
     const inputEvent: Event = new Event('input'); 
     e.target.dispatchEvent(inputEvent); 
    }, 0); 
    } 

    search = (text$: Observable<string>) => 
    text$ 
     .debounceTime(200) 
     .distinctUntilChanged() 
     .map(term => this.myList 
      .filter(v => this.myfilter(term)) 
      .slice(0, 10)); 

を提出あなたの入力検索

my.htmlファイルにonFocusイベントを追加

また見てくださいTypeahed: allow search on focus #698