Angular 5+ RxJS:在组件中使用可观察对象，而无需订阅它们
提问于 2020-05-13 11:45:16
我通常倾向于在组件中使用可观察对象，方法是使用myFunction(myObservable$ | async)通过模板将它们传递到函数中，这样做效果很好。
但是，在我的模板中，我有一个输出函数，它将值发送到父组件。
<my-component
[myInput]="something$ | async"
(childOutputEmitter)="onChildEmitFunction($event)">
</my-component>问题是我需要将发射值($event)和myObservable$ | async值组合在一起的onChildEmitFunction()函数。
但这似乎不起作用：
<my-component
[myInput]="something$ | async"
(childOutputEmitter)="onChildEmitFunction($event, (myObservable$ | async))">
</my-component>有没有一种方法可以将myObservable$的值传递给onChildEmitFunction()，而不需要订阅它并将值存储在另一个变量中？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-05-13 11:53:09
您可以使用*ngIf指令多次使用observable中的值。
<ng-container *ngIf="something$ | async as something">
<my-component
[myInput]="something"
(childOutputEmitter)="onChildEmitFunction($event, something)">
</my-component>
</ng-container>还要注意的是，如果async管道与HTTP一起使用，则每个管道都可能触发一个单独的请求。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61773760
复制相关文章
![[腾讯云上云实践]基于StyleGan2的图像生成基本操作](https://ask.qcloudimg.com/article-cover-image/1695180/ywcoswweww.png)
腾讯云开发者
