有没有办法直接在 html 中获取 Observable<number> 发出的数字？答案

【问题标题】：Is there a way to obtain a number emitted by Observable<number> directly in html?有没有办法直接在 html 中获取 Observable<number> 发出的数字？
【发布时间】：2020-01-07 15:09:29
【问题描述】：

我正在寻找一种在 html 中直接在 Observable 中包含数字而不在 ts 文件中订阅 Observable 的方法。

在网上搜索，我没有找到确切的答案。

 number$: Subject<number> = new Subject<number>();

 submitRandomNumber() {
   this.number$.next(Math.floor(Math.random() * 1000));
 }

  <p>{{ number$ }}</p>
  <button (click)="submitRandomNumber()">SubmitRandomNumber</button>

正如预期的结果，我希望在按下按钮时看到页面上的数字变化。现在我只在屏幕上的按钮上打印了[object Object]。是否有一个 html 修复我可以应用到 html 部分来获取数字而不是对象？

非常感谢

【问题讨论】：

你试过解决方案了吗？

标签： html angular observable angular7

【解决方案1】：

你需要使用异步

试试<p>{{ number$ | async}}</p>

见：Demo

【讨论】：