Angular 管道完成后如何获取值？

比如说。 我希望角度自动更新值（使用observable）

//在test.component.ts中
恩戈尼尼特（）{
设i=0；
this.test=新的可观测（（ob）=>{
设置间隔（（）=>{
下一个({
i:i++，
})
},1000);
});
}
{（test | async.i}}

{（test.i | async）}

您需要首先修复拼写错误：

setInterVal

应该是

setInterVal

（小写v），而

Observable

应该是

Observable

然后，您需要添加空安全运算符，因为

test

的异步结果将以未定义开始，如果您尝试从未定义的值获取

i

属性，则会导致错误。通过添加

？

，仅当

test | async

不为空时，它才会尝试读取

i

// in test.component.ts
ngOnInit(){
  let i = 0;
  this.test = new Observable<any>((ob) => {
    setInterval(() => {
      ob.next({
        i: i++,
      })
    },1000);
  });
}

<!-- in test.component.html -->
<p>{{ (test | async)?.i }}</p> <!-- not work -->

//在test.component.ts中
恩戈尼尼特（）{
设i=0；
this.test=new Observable
您需要首先修复拼写错误：
setInterVal
应该是
setInterVal
（小写v），而
Observable
应该是
Observable

然后，您需要添加空安全运算符，因为
test
的异步结果将以未定义开始，如果您尝试从未定义的值获取
i
属性，则会导致错误。通过添加
？
，它将仅在
test | async
不为空时尝试读取
i

// in test.component.ts
ngOnInit(){
  let i = 0;
  this.test = new Observable<any>((ob) => {
    setInterval(() => {
      ob.next({
        i: i++,
      })
    },1000);
  });
}

<!-- in test.component.html -->
<p>{{ (test | async)?.i }}</p> <!-- not work -->

//在test.component.ts中
恩戈尼尼特（）{
设i=0；
this.test=新的可观察到的