5

ng-bootstrapAngular 2 を使用して Reactive Form で Typeahead コンポーネントを使用しようとしていますが、 Typeahead のドキュメントでサンプル コードを見た後、動作させることができません。

現在、私は次のようなものを持っています:

<input type="text" aria-describedby="cityValid" class="form-control" id="inputCity" [formControl]="userForm.controls.city" [ngbTypeahead]="search">

searchサンプルコードとほぼ同じ機能ですが、次のスタックトレースで失敗します

error_handler.js:53 TypeError: Cannot read property 'subscribe' of undefined
at NgbTypeahead._subscribeToUserInput (typeahead.js:158)
at NgbTypeahead.ngOnInit (typeahead.js:52)
at DebugAppView._View_UserFormComponent0.detectChangesInternal (UserFormComponent.ngfactory.js:1093)
at DebugAppView.AppView.detectChanges (view.js:271)
at DebugAppView.detectChanges (view.js:376)
at DebugAppView.AppView.detectViewChildrenChanges (view.js:297)
at DebugAppView._View_ExecutionFormComponent3.detectChangesInternal (ExecutionFormComponent.ngfactory.js:551)
at DebugAppView.AppView.detectChanges (view.js:271)
at DebugAppView.detectChanges (view.js:376)
at DebugAppView.AppView.detectContentChildrenChanges (view.js:289)

私は何を間違っていますか?例はテンプレートベースのものに基づいているため、Reactive Forms で ng-bootstrap コンポーネントを使用する方法に関する一般的なガイドがあると便利です。

ありがとう!

4

1 に答える 1