Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angular – 如何在Reactive Form上使用ng-bootstrap Typeahead组件大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在带有Angular 2的Reactive Form上使用Ng-bootstrap Typeahead组件,在查看 Typeahead’s documentation上的示例代码后,我无法使其工作.

目前,我有类似的东西:

<input type="text" aria-describedby="cityValid" class="form-control" id="inputCity" [formControl]="userForm.controls.city" [ngbTypeahead]="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组件的一般指南会很棒,因为该示例基于基于模板的示例.

谢谢!

解决方法

没关系,问题是我采用了示例中出现的搜索功能并将其转换为普通函数但没有返回任何值.

我有

searchCity (text$: Observable<String>) {
  text$
  .debounCETime(200)
  .disTinctUntilChanged()
  .map(term => term.length < 2 ? []
    : cities.filter(v => new RegExp(term,'gi').test(v)).splice(0,10));
}

在text $fixed之前添加一个return语句.

大佬总结

以上是大佬教程为你收集整理的angular – 如何在Reactive Form上使用ng-bootstrap Typeahead组件全部内容,希望文章能够帮你解决angular – 如何在Reactive Form上使用ng-bootstrap Typeahead组件所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。