我如何将空数组分配给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 of运算符可从任何提供的数组创建一个Observable。在此处阅读有关of运算符的更多信息。https://www.learnrxjs.io/operators/creation/of.html