要在Angular组件中订阅Observable以便在任何时间都可以接收数据,而不仅仅在OnInit时。以下是一些示例代码:
在组件中声明一个Observable:
import { Observable } from 'rxjs/Observable';
export class AppComponent {
myObservable: Observable;
}
将Observable设置为fromEvent:
import { Observable } from 'rxjs/Observable';
import { fromEvent } from 'rxjs';
export class AppComponent {
myObservable: Observable;
ngOnInit() {
this.myObservable = fromEvent(document, 'click');
}
}
在组件中订阅Observable:
import { Observable } from 'rxjs/Observable';
import { fromEvent } from 'rxjs';
export class AppComponent {
myObservable: Observable;
ngOnInit() {
this.myObservable = fromEvent(document, 'click');
this.myObservable.subscribe(event => console.log(event));
}
}
这样,在组件初始化、点击事件等各种情况下都可以接收到Observable中的数据。