如何在打字稿中使用二维数组提前输入

时间:2019-07-14 20:09:23

标签: arrays angular typescript google-visualization typeahead

你好,

我想为用户创建一个选项以列出国家/地区,然后将此列表与GeoChart一起使用。

我正在使用Google的GeoChart,需要向其提供与以下模式匹配的数据:

  

[

     
    

['ISO 3166-1','名称'],

         

['AF','阿富汗']

         

['AL','阿尔巴尼亚']

         

['DZ','阿尔及利亚']

  
     

]

我正在尝试输入一个可以输入国家名称的提前输入表格。只要从该数组中提取第一列,然后再将其与以下函数配合使用,就很容易了: (globals.isoCountries)是包含国家/地区的const数组。

search = (text$: Observable<string>) =>
        text$.pipe(
            debounceTime(200),
            distinctUntilChanged(),
            map(term => term.length < 2 ? []
                : this.getCol(globals.isoCountries, 1).filter(v => v.toLowerCase().indexOf(term.toLowerCase()) > -1).slice(0, 10))
        )

Typeahead运行良好,但是我不知道如何将ISO和国家/地区名称绑定在一起。因此,当用户选择国家/地区时,它将与该模式匹配的数组添加到我的列表中:

  

['ISO 3166-1','名称']

对于用户而言,将仅显示一个列表,其中列出了他所选择的国家/地区的名称。

0 个答案:

没有答案