Mat Select 使用 Observable 显示空选项

【问题标题】：Mat Select displaying empty options with ObservableMat Select 使用 Observable 显示空选项
【发布时间】：2020-06-04 14:56:32
【问题描述】：

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

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

【问题讨论】：

【解决方案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));

逐一打印元素。

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

【讨论】：