内部异步不能在Angular模板中工作?

时间:2018-04-18 19:24:33

标签: angular typescript rxjs

我对反应式编程比较陌生,我正在尝试创建一个可以向用户显示通知的Angular服务。到目前为止,这就是我所拥有的:

https://stackblitz.com/edit/angular-rxjs-notifications?file=app%2Fapp.component.html

但我注意到,当您点击“排队通知”按钮时,我的*ngIf="message$ | async" <div>会正确显示,但内部{{ message$ | async }}文字不会显示,除非您单击按钮两次行没有点击“清除”

提前致谢!

1 个答案:

答案 0 :(得分:1)

你的第一个问题可以像这样解决。

<div *ngIf="message$ | async as messages" >
  <div>{{ messages }}</div>
</div>

我们将来自管道的结果存储在名为messages的局部变量中。这样就可以避免在外部async管道发出后不调用内部 @Override public Edm readMetadata(final InputStream inputStream, final boolean validate) throws EntityProviderException { EdmProvider provider = new EdmxProvider().parse(inputStream, validate); return new EdmImplProv(provider); } 管道的情况。

Live demo