小编pda*_*013的帖子

我正在尝试使用Angular 4中其余后端的异步结果填充nxg-bootstrap typeahead。他们的网站上有一个有关如何执行此操作的示例（https://valor-software.com/ngx-bootstrap/#/typeahead）与模拟的可观察数据，但我正在努力使用httpclient做到这一点。使用此功能的所有示例都在使用旧Http模块，而不是HttpClientAngular 4中使用的新模块。

这是他们的示例：

import { Component } from '@angular/core';

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
import { TypeaheadMatch } from 'ngx-bootstrap/typeahead';

@Component({
  selector: 'demo-typeahead-async',
  templateUrl: './async.html'
})
export class DemoTypeaheadAsyncComponent {
  asyncSelected: string;
  typeaheadLoading: boolean;
  typeaheadNoResults: boolean;
  dataSource: Observable<any>;
  statesComplex: any[] = [
    { id: 1, name: 'Alabama', region: 'South' },
    { id: 2, name: 'Alaska', region: 'West' },
    {
      id: 3,
      name: 'Arizona',
      region: 'West'
    },
    { id: 4, …

这比任何事情都更令人烦恼，但在 Visual Studio 2017 中，jQuery javascript 通常会在任意代码行上遇到“不可见”断点并停止。仅当我的开发人员工具未在浏览器中打开时才会发生这种情况。就好像有一些来自旧debugger语句或类似内容的元数据。我在 2015 年偶尔遇到这个问题，但它非常罕见，所以我从不担心。有没有其他人遇到过这个问题并有解决方案？