如何在FormsArray内部的自动完成服务中从服务添加数据?

时间:2018-11-13 02:39:31

标签: angular autocomplete angular-material angular-reactive-forms formarray

我有一个formsArray,我希望一个输入字段使用自动完成功能。以下关于Stackblitz的示例做了完全不同的事情,我要从服务中获取数据,然后运行循环以提取数据的Name属性并将其放入数组,然后将该数组传递给自动完成选项。我曾尝试在构造函数OnInit中执行此操作,但未成功。

https://stackblitz.com/edit/angular-szxkme?file=app%2Fautocomplete-display-example.ts

1 个答案:

答案 0 :(得分:0)

我已经在timer上使用rxjs ngOnInit实现了服务调用的模拟,如下所示:

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