（一）Angular5 高级教程--基于 RxJS Subject的组件间通信

最新推荐文章于 2024-08-13 11:11:39 发布

JaysenLeo

最新推荐文章于 2024-08-13 11:11:39 发布

阅读量6.1k

点赞数 3

分类专栏：全栈攻城狮 Web前端 Angular征途文章标签： angular 通信 class angular5 component

本文为博主原创文章，转载文章须附上文章来源与作者。

本文链接：https://blog.csdn.net/ChangerJJLee/article/details/78675290

版权

本文深入探讨Angular5中如何利用RxJS的Subject实现组件间的高效通信。通过示例代码message.service.ts, home.component.ts和app.component.ts，详细解析了创建服务并订阅Subject的方法，以便在不同组件之间传递数据。" 47778357,1274725,使用libmysqlclient连接MySQL服务器,"['MySQL', 'C++开发', '数据库连接']

摘要由CSDN通过智能技术生成

message.service.ts

import { Injectable } from '@angular/core';
import {Observable} from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject';

@Injectable()
export class MessageService {
   
    private subject = new Subject<any>();

    sendMessage(message: string) {
        this.subject.next({ text: message });
    }

    clearMessage() {
        this.subject.next();
    }

    getMessage(