例如。我希望 Angular 自动更新值(使用 observable)。
// in test.component.ts
ngOnInit(){
let i = 0;
this.test = new Observalble<any>((ob) => {
setInterVal(() => {
ob.next({
i: i++,
})
},1000);
});
}
<!-- in test.component.html -->
<p>{{ (test | async).i }}</p> <!-- not work -->
<p>{{ (test.i | async) }}</p> <!-- not work -->
您需要先修正拼写错误:setInterVal
应该是setInterval
(小写 v),Observalble
应该是Observable
。
然后,您需要添加空安全运算符,因为 的异步结果test
将从 undefined 开始,如果您尝试i
从 undefined 值获取属性,则会导致错误。通过添加?
,它只会尝试读取i
iftest | async
不为空。
// 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 -->
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句