Mat Select 显示带有 Observable 的空选项

Question

我正在使用 Observable 的结果创建 mat-select 选项，但选项未呈现。当它是简单数组时，它正在渲染。

以下是我构建的示例 - See here

Answer 1

在您的示例中，您使用的是 from observable。而是使用 of observable，它会将您的简单数组转换为可与 async pipe.

一起使用的 observable

ngOnInit(): void {
    this.toppingList = of(['a', 'b']);
  }

传递类数组结构（包括字符串）时of和from的区别：

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

会一次打印整个数组。

另一方面，

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

逐一打印元素。

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

Mat Select displaying empty options with Observable