如何在Angular中将空数组分配给Observable

Question

我在窗体中有一个下拉框，这些框通过一个自定义组件使用，我通过将GUID的查找值粘贴到该组件来用数据填充它们。所有工作都按预期进行，我得到了我的数据等。但是现在，我需要根据用户的选择也能够清除下拉菜单中的数据。假设用户在第一个下拉式水果中进行选择，基于此，我想在选择中提供所有我没有问题的水果。但是现在用户回去，将其选择从水果更改为苏打水，这意味着先前选择的苹果不再有效，需要清除。所以我正在寻找一种简单的方法来清除下拉列表中的所有值。

使我的数据进入下拉菜单

socialOptions$: Observable<Array<IServerDropdownOption>>;
ngOnInit() { 
    this.socialOptions$ = this.guidService.fetchAll(this.guids.SOCIAL_LABELS).pipe(shareReplay());
  }

当我尝试this.countryOptions $ = []时出现此错误

Answer 1

如果您只想从Observable中获取一个空数组，则应执行以下操作

import { of } from 'rxjs';
...
this.countryOptions$ = of([]);

说明

在您的问题中，您尝试执行以下 this.countryOptions $ = [] ，这是不正确的，因为您尝试将不兼容的数组分配为Observable类型。所述Rxjs 的操作者创建从任何提供阵列可观察到的。了解更多有关的运营商这里.. https://www.learnrxjs.io/operators/creation/of.html