Angular Mat选择显示可观察的空选项

Angular Mat选择显示可观察的空选项,angular,rxjs,angular-material,rxjs-observables,Angular,Rxjs,Angular Material,Rxjs Observables,我正在使用Observable的结果创建mat select选项,但这些选项没有渲染。使用简单数组时,它正在渲染 以下是我构建的示例-在您的示例中,您使用的是来自observable的。相反,使用observable的,它会将简单数组转换为可观察数组,该数组将与异步管道一起使用 ngOnInit(): void { this.toppingList = of(['a', 'b']); } 传递类似数组的结构(包括字符串)时的与的之间的差异: 将立即打印整个阵列 另一方面, Obse

我正在使用Observable的结果创建mat select选项,但这些选项没有渲染。使用简单数组时,它正在渲染


以下是我构建的示例-

在您的示例中,您使用的是来自observable的
。相反,使用
observable的
,它会将简单数组转换为可观察数组,该数组将与
异步管道
一起使用

ngOnInit(): void {
    this.toppingList = of(['a', 'b']);
  }
传递类似数组的结构(包括字符串)时
之间的差异:

将立即打印整个阵列

另一方面,

Observable.from([1, 2, 3]).subscribe(x => console.log(x));
逐1打印元素

对于字符串,行为相同,但在字符级别

Observable.from([1, 2, 3]).subscribe(x => console.log(x));