angular - Mat Select 使用 Observable 显示空选项

Question

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

以下是我构建的示例 -请参见此处

Answer 1

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

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));

按 1 打印元素。

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