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

Question

我正在寻找一种直接在 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 部分以获取数字而不是对象吗？

非常感谢

Answer 1

你需要使用async

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

参见：Demo

Is there a way to obtain a number emitted by Observable<number> directly in html?