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

相关内容

热门资讯

透视神器!aapoker脚本怎... 透视神器!aapoker脚本怎么用(透视)真的假的(确实有挂)1、起透看视 aapoker脚本怎么用...
透视插件!aapoker怎么控... 透视插件!aapoker怎么控制牌(透视)透视方法(一直有挂)1、玩家可以在aapoker怎么控制牌...
透视中牌率!aa poker辅... 透视中牌率!aa poker辅助(透视)透视脚本(果然真的是有挂)1、透视中牌率!aa poker辅...
透视工具!aa poker透视... 透视工具!aa poker透视软件(透视)辅助插件工具(本来是有挂)透视工具!aa poker透视软...
透视插件!aapoker透视脚... 透视插件!aapoker透视脚本(透视)真的假的(果然真的是有挂);aapoker透视脚本辅助器中分...
透视苹果版!aapoker安装... 透视苹果版!aapoker安装包怎么使用(透视)透视脚本下载(都是有挂);运aapoker安装包怎么...
透视数据!aapoker怎么设... 透视数据!aapoker怎么设置提高好牌几率(透视)免费透视脚本(竟然有挂);1、aapoker怎么...
透视模拟器!aapoker怎么... 透视模拟器!aapoker怎么控制牌(透视)免费透视脚本(一直有挂)一、aapoker怎么控制牌AI...
透视了解!aapoker真的假... 透视了解!aapoker真的假的(透视)透视脚本(本来是真的有挂);1、许多玩家不知道aapoker...
透视数据!aapoker怎么设... 透视数据!aapoker怎么设置抽水(透视)免费透视脚本(本来是真的有挂)1、完成aapoker怎么...