我想为用户创建一个选项以列出国家/地区,然后将此列表与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','名称']
对于用户而言,将仅显示一个列表,其中列出了他所选择的国家/地区的名称。