如何从 formsArray 内的自动完成服务中添加数据?
How to add data from a service in autocomplete that is inside formsArray?
我有一个 formsArray,我想要一个输入字段使用自动完成功能。 Stackblitz 上的以下示例完全不同,我想从服务中获取数据,然后 运行 循环提取数据的 Name 属性并将其放入数组,然后将该数组传递给自动完成选项。我试过在 OnInit 和构造函数中这样做,但没有成功。
https://stackblitz.com/edit/angular-szxkme?file=app%2Fautocomplete-display-example.ts
我已经在 ngOnInit
上使用 rxjs timer
实现了一个模拟服务调用,如下所示:
ngOnInit() {
timer(1000).subscribe(s=>{
this.options = [{ name: 'Mary' },
{ name: 'Shelley' },
{ name: 'Igor' }]
})
}
所以在这里你需要用服务方法 subscribe 代替 timer.subscribe
。
此处演示:https://stackblitz.com/edit/angular-szxkme-vyst9p?file=app/autocomplete-display-example.ts
我有一个 formsArray,我想要一个输入字段使用自动完成功能。 Stackblitz 上的以下示例完全不同,我想从服务中获取数据,然后 运行 循环提取数据的 Name 属性并将其放入数组,然后将该数组传递给自动完成选项。我试过在 OnInit 和构造函数中这样做,但没有成功。
https://stackblitz.com/edit/angular-szxkme?file=app%2Fautocomplete-display-example.ts
我已经在 ngOnInit
上使用 rxjs timer
实现了一个模拟服务调用,如下所示:
ngOnInit() {
timer(1000).subscribe(s=>{
this.options = [{ name: 'Mary' },
{ name: 'Shelley' },
{ name: 'Igor' }]
})
}
所以在这里你需要用服务方法 subscribe 代替 timer.subscribe
。
此处演示:https://stackblitz.com/edit/angular-szxkme-vyst9p?file=app/autocomplete-display-example.ts