html - 如果我的 observable 是一个数组，我将如何从组件的 html 部分中的 angular observable 获取单个数据？

Question

我们关心的html部分是 <p> {{service.myObs$ | async}} </p>

这样做时，它会显示数组 Observable 中的所有变量。我想单独访问它的不同变量。这个 observable 是一个字符串 [] 的 Observable。我想一次访问一个单独的字符串。我的第一个想法是： {{service.myObs$[1] | async}}

这没有用。它编译了，但没有显示任何内容。我的第二个想法是： {{service.myObs$ | async[1]}}

这甚至无法编译，因为您显然不应该在 async 之后放置 [] 它不是数组。

有谁知道我将如何设法仅访问 myObs$ 中的一个变量而不是所有变量？

标签： htmlangulartypescript

Answer 1

您可以使用以下语法：

 {{ (service.myObs$ | async)[1] }}