Angular的observable只在onInit时接收到数据
创始人
2024-10-24 08:31:41
0

要在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中的数据。

相关内容

热门资讯

外挂阶段!xpoker辅助,w... 外挂阶段!xpoker辅助,werplan辅助软件-竟然是有辅助软件(哔哩哔哩);1、起透看视 we...
外挂绝活!佛手在线是不是有挂,... 外挂绝活!佛手在线是不是有挂,werplan免费挂下载-总是是真的有辅助教程(哔哩哔哩)1、佛手在线...
外挂模板!werplan脚本,... 外挂模板!werplan脚本,德普之星辅助工具如何设置-本来一直总是有辅助攻略(哔哩哔哩);亲,关键...
外挂总结!poker worl... 外挂总结!poker world辅助器,约局吧德州真的有透视挂吗-其实存在有辅助软件(哔哩哔哩)进入...
外挂办法!约局吧开挂,智星德州... 外挂办法!约局吧开挂,智星德州插件最新版本更新内容详解-本来存在有辅助软件(哔哩哔哩)1、智星德州插...
外挂技法!大菠萝免费辅助器,德... 外挂技法!大菠萝免费辅助器,德州透视脚本-都是是有辅助方法(哔哩哔哩)1、外挂技法!大菠萝免费辅助器...
外挂模块!uupoker透视,... 外挂模块!uupoker透视,werplan外卦神器-一贯一直都是有辅助教程(哔哩哔哩)在进入wer...
外挂妙招!红龙poker有辅助... 外挂妙招!红龙poker有辅助吗,红龙poker作必弊指令-果然是有辅助app(哔哩哔哩)1、红龙p...
外挂模板!大菠萝手游辅助,佛手... 外挂模板!大菠萝手游辅助,佛手在线大菠萝技巧-切实真的有辅助攻略(哔哩哔哩)佛手在线大菠萝技巧辅助器...
外挂资料!哈糖大菠萝有没有挂,... 外挂资料!哈糖大菠萝有没有挂,哈糖大菠萝能开挂吗-确实是有辅助插件(哔哩哔哩)1、哈糖大菠萝能开挂吗...