Angular 角度RxJs Observable用作字符串，但不用作接口或类

我的视图不会从Observable更新，而是从Observable更新

ts文件：status.component.ts

文件：status.component.ts

从“/status.model”导入{StatusStruct}；
stSt:StatusStruct；
stat$：可观察的；
构造函数（）{
this.stSt={
id:1，
柜台:1,，
已完成：错误，
statusText:'这是状态文本'
};
this.stat$=新的可观测值（o=>o.next（this.stSt）；
}

在我的模板文件中：status.component.html

{{stat$.statusText}异步}

---

请您解释一下为什么'this.stat$'没有更新为'this.stSt'，并且没有显示在视图/浏览器中？它编译得很好，浏览器调试器没有显示任何异常。谢谢。

尝试

{（stat$|async.statusText}

是的，先生，非常感谢。您也可以尝试

{（stat async | json）}

不确定您是否在其中添加了

？

也会有帮助。有人能确认吗？

{（stat$| async）？.statusText}

-每个线程。只有我似乎记得过去有类似的页面加载问题。试试

{（stat$|async）.statusText}

是的，先生，很有效-非常感谢。您也可以尝试

{（stat$| async | json）}

不确定是否在那里添加

？

也会有帮助。有人能确认吗？

{（stat$| async）}.statusText}

-根据此线程。只有我似乎记得在过去有过类似的页面加载问题。

stat$: Observable<string>;

  constructor() {
    this.stat$ = new Observable(o => o.next('This is status text');
  }

<span class="status">{{ stat$ | async }}</span>

export interface StatusStruct {
    id?: number;
    counter?: number;
    timestamp?: string;
    isCompleted?: boolean;
    isError?: boolean;
    statusText?: string;
}

import { StatusStruct } from './status.model';

stSt: StatusStruct;
stat$: Observable<StatusStruct>;

  constructor() {

    this.stSt = {
      id: 1,
      counter: 1,
      isCompleted: false,
      statusText: 'This is status text'
    };

    this.stat$ = new Observable(o => o.next(this.stSt);
  }

<span class="status">{{ stat$.statusText | async }}</span>