在Angular中,我们可以使用async
管道来绑定可观察对象并评估结果。以下是一个包含代码示例的解决方法:
首先,确保你已经导入了Observable
和of
运算符:
import { Observable, of } from 'rxjs';
然后,在组件中定义一个可观察对象,并使用of
运算符将其转换为一个可观察对象:
myObservable: Observable;
ngOnInit() {
this.myObservable = of(10, 20, 30);
}
在模板中,使用async
管道来绑定可观察对象,并在模板中评估结果:
{{ myObservable | async }}
这样,myObservable
的值将被自动订阅和更新,当可观察对象发出新的值时,模板中的结果也会自动更新。
完整的示例代码如下所示:
import { Component, OnInit } from '@angular/core';
import { Observable, of } from 'rxjs';
@Component({
selector: 'app-my-component',
template: `
{{ myObservable | async }}
`
})
export class MyComponent implements OnInit {
myObservable: Observable;
ngOnInit() {
this.myObservable = of(10, 20, 30);
}
}