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

相关内容

热门资讯

透视智能ai!传送屋没激k辅助... 透视智能ai!传送屋没激k辅助器下载,德州局透视(辅助挂)详细开挂辅助器 了解更多开挂安装加(136...
科技介绍!微信小程序微乐辅助器... 科技介绍!微信小程序微乐辅助器免费下载,开心泉州辅助(有挂功能开挂辅助安装)您好:微信小程序微乐辅助...
透视脚本!胡乐辅助脚本下载,拱... 拱趴大菠萝挂怎么安装开挂教程视频分享装挂详细步骤在当今的网络游戏中,拱趴大菠萝挂怎么安装作为一种经典...
程序员教你!创思维正版辅助器下... 程序员教你!创思维正版辅助器下载,天天卡五星辅助器(确实有挂辅助安装) 了解更多开挂安装加(1367...
透视实锤!边锋辅助脚本,wep... 透视实锤!边锋辅助脚本,wepoker-h5下载(辅助挂)详细开挂辅助下载;无需打开直接搜索加(薇:...
教学盘点!微信小程序小南四川长... 微信小程序小南四川长牌辅助开挂教程视频分享装挂详细步骤在当今的网络游戏中,微信小程序小南四川长牌辅助...
透视系统!广东雀神挂机怎么样,... 透视系统!广东雀神挂机怎么样,hhpoker脚本下载(辅助挂)详细开挂辅助下载;无需打开直接搜索加薇...
透视实锤!情怀国粹麻将辅助器,... 透视实锤!情怀国粹麻将辅助器,wepoker怎么开辅助(辅助挂)详细开挂辅助平台您好:情怀国粹麻将辅...
专业讨论!七千游戏十三道辅助,... 专业讨论!七千游戏十三道辅助,约局吧辅助(有挂秘籍辅助平台);无需打开直接搜索加(薇:1367043...
透明新版!辅助定制交易平台,w... 透明新版!辅助定制交易平台,wejoker辅助机器人(辅助挂)详细开挂辅助安装 了解更多开挂安装加(...