要在Angular中的组件中使用observable,必须先导入“rxjs/Observable”模块。例如在组件.ts文件中:
import { Component } from '@angular/core';
import { Observable } from 'rxjs/Observable';
@Component({
selector: 'app-example',
template: `{{obsData | async}}`
})
export class ExampleComponent {
obsData: Observable;
constructor() {
//Initialize observable and subscribe to it
this.obsData = Observable.of("Observable Example");
this.obsData.subscribe(data => console.log(data));
}
}
在这个例子中,我们导入了Observable并定义了一个obsData的可观察变量,然后在ngOnInit函数中初始化obsData。通过async管道,我们可以将obsData可观察变量绑定到模板,然后我们可以在控制台中输出所订阅的数据。
如果你在组件中遇到observable未定义的问题,确保你已经导入了“rxjs/Observable”模块。