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

相关内容

热门资讯

透视透视!wepoker免费透... 透视透视!wepoker免费透视,微信小程序可以开挂吗,解迷透视(果真有挂)-哔哩哔哩1、下载好we...
透视揭露!We poker辅助... 透视揭露!We poker辅助器下载,WePOker有没有透视方法(透视)一直真的有脚本(哔哩哔哩)...
备受关注的!wepoker有没... 备受关注的!wepoker有没有挂,微乐小程序游戏辅助器脚本官网,教你脚本(证实有挂)-哔哩哔哩we...
透视必备!hhpoker软件可... 透视必备!hhpoker软件可以玩吗,hh poker透视器下载(透视)一贯是有工具(哔哩哔哩)1、...
记者获悉!we-poker辅助... 记者获悉!we-poker辅助,微乐小程序免费黑科技5个玩家常用方法,详情脚本(有挂细节)-哔哩哔哩...
透视详细!德普之星有透视辅助吗... 透视详细!德普之星有透视辅助吗,德普之星辅助软件(透视)切实存在有教程(哔哩哔哩)在进入软件靠谱后,...
透视app!wepoker有机... 透视app!wepoker有机器人吗,微信小程序微乐辅助免费版,科普透视(有挂技巧)-哔哩哔哩1)w...
透视了解!wpk辅助器是真的吗... 透视了解!wpk辅助器是真的吗,wpk透视是真的假的(透视)总是有插件(哔哩哔哩)1、免费辅助多个强...
辅助透视!hhpoker德州机... 辅助透视!hhpoker德州机器人,微信微乐辅助,揭幕脚本(有挂攻略)-哔哩哔哩1、用户打开应用后不...
透视解谜!wepoker辅助软... 透视解谜!wepoker辅助软件视频,wepoker智能辅助插件(透视)其实是真的方法(哔哩哔哩)1...