angular 发布订阅

创建service

import { Subject } from 'rxjs/Subject';
import { Observable } from 'rxjs/observable';export class MessageService {private subject = new Subject<any>();send(message: any) {this.subject.next(message);}get(): Observable<any> {return this.subject.asObservable();}
}

组件1 发布

import { Component, OnInit } from '@angular/core';
import { Subject } from 'rxjs/Subject';
import { MessageService } from '../../service/message.service';@Component({selector: 'app-video-demo-home',templateUrl: './video-demo-home.component.html',styleUrls: ['./video-demo-home.component.sass']
})
export class VideoDemoHomeComponent implements OnInit {private _clickPoint: Subject<any> = new Subject<any>();public name = 'www';constructor(public srv: MessageService) { }ngOnInit() {}clickBtn() {this.srv.send(this.name);}}

组件2 订阅

import { Component, OnInit } from '@angular/core';
import { MessageService } from '../../service/message.service';@Component({selector: 'app-subscribe-home',templateUrl: './subscribe-home.component.html',styleUrls: ['./subscribe-home.component.sass']
})
export class SubscribeHomeComponent implements OnInit {constructor(public srv: MessageService) { }public message = '';ngOnInit() {this.srv.get().subscribe((result) => {console.log('111111111111111111');this.message = result;console.log(this.message);});}}

转载于:https://www.cnblogs.com/stacey-zy/p/10815380.html

angular 发布订阅相关推荐

ROS通信机制——发布/订阅者模型
目录发布/订阅者模型 (一)发布者 (二)订阅者 (三)综合参考资料 ROS (Robot Operating System),即机器人操作系统,是为了加快机器人的开发效率,提高机器人软件代码的复 ...
Redis 笔记（10）— 发布订阅模式（发布订阅单个信道、订阅信道后的返回值分类、发布订阅多个信道）
1. 发布-订阅概念发布-订阅模式包含两种角色,分别为发布者和订阅者. 订阅者可以订阅一个或者若干个频道(channel): 而发布者可以向指定的频道发送消息,所有订阅此频道的订阅者都可以收到此消 ...
Redis 高级特性（2）—— 发布订阅模式
Redis 高级特性 -- 发布订阅 1. 发布-订阅介绍 "发布-订阅"模式包含两种角色,分别为发布者和订阅者.订阅者可以订阅一个或者若干个频道(channel),而发布者可以向 ...
SpringBoot监听redis订阅监听和发布订阅
前言我们可以在redis中发布一条订阅到通道中,所有监听了这个通道的都可以收到这个发布的内容! redis订阅监听配置类代码如下: RedisListenerConfig.java package ...
用Java语言编写ajax设计模式_使用JavaScript发布订阅设计模式实现Ajax请求节流
1. 说明一下主要逻辑当我们发送多个请求时使用的时同一个接口,并且这个接口支持多个参数获取多个条数据,而我们不想要每次请求一条数据就发送一条请求而是在指定的时间段类发送一次请求,得到一些数据,然后 ...
【springboot】【redis】springboot+redis实现发布订阅功能，实现redis的消息队列的功能...
springboot+redis实现发布订阅功能,实现redis的消息队列的功能参考:https://www.cnblogs.com/cx987514451/p/9529611.html 思考一个问 ...
SQL Server 2012 复制（发布订阅的研究）
原文:SQL Server 2012 复制(发布订阅的研究) 已实现发布订阅功能,可以实现局域网内双击备份. 一.注意事项: a) 使用[事务复制]功能 b) 必须是相同的SqlServer 帐号和密 ...
SQL SERVER 2008 利用发布订阅方式实现数据库同步
数据库同步方式有很多种,这里以SQL Server 2008 为例利用数据库发布和订阅的方式来演示数据库的同步技术.由于就有一台计算机,只能在同一个服务器下两个不同的数据库之间进行数据同步进行演示. ...
RabbitMQ 发布/订阅
我们会做一些改变,就是把一个消息发给多个消费者,这种模式称之为发布/订阅(类似观察者模式). 为了验证这种模式,我们准备构建一个简单的日志系统.这个系统包含两类程序,一类程序发动日志,另一类程序接收和 ...

angular 发布订阅

angular 发布订阅相关推荐

最新文章

热门文章