Javascript 无效参数：'；[对象对象]'；对于管道'；异步管道'；，无法修改HTML

我正在使用Angular和ngrx填充应用程序的下拉列表。该应用程序使用一个下拉组件，该组件在整个应用程序中用于下拉，因此我无法修改它

对于我的问题，该组件中最重要的HTML如下所示：

<option *ngFor="let option of options" [value]="stringifyOption(option.value)" [selected]="option.value === (selectedValue | async)">
   {{option.text}}
</option>

在控制台中记录weekDropdownOptions将返回一组我所期望的选项，如下所示：

["04/01 - 04/07", "04/08 - 04/14"]

My HTML具有下拉列表的选择器，并设置

[options]=“weekDropdownOptions”

我似乎无法克服这个错误：

InvalidPipeArgument:“[object]”用于管道“AsyncPipe”

---

它指向下拉组件，但是我不能修改HTML。我可以在代码中做些什么来实现这一点？

异步管道需要一个可观察的对象，而不是一个对象。查看

selectedValue

是如何准确填充的，以及为什么它与

async

管道一起使用，这将是一件有趣的事情

---

下面是一个关于stackblitz差异的示例，异步管道订阅一个可观察或承诺，并返回它发出的最新值

---

根据错误，selectedValue是一个对象，因此您不能使用异步管道。

您可以发布

selectedValue

类型以及它更新的时间吗？这是正确的答案，因为我从下拉列表中删除了“| async”，InvalidPipeArgument错误消失了。不幸的是，我无法删除这段代码，因为应用程序中的许多其他组件都在使用它。现在，我正在从存储中获取下拉列表的数据，并将其设置为一个变量，以便使用它。我可以将此变量设置为可观察变量吗？例如：public weekDropdownOptions:可观察？当我将这个变量设置为dateOptions时，我将如何使用它？

["04/01 - 04/07", "04/08 - 04/14"]