angular 组件传递消息（通过服务）

最新推荐文章于 2023-09-09 23:57:21 发布

suzyCai

最新推荐文章于 2023-09-09 23:57:21 发布

阅读量510

点赞数

CC 4.0 BY-SA版权

分类专栏： angular

本文链接：https://blog.youkuaiyun.com/weixin_42080477/article/details/97663148

angular 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种使用Angular服务实现组件间消息传递的方法。通过创建一个菜单服务，利用RxJS的Subject来发送和接收消息，实现了组件间的解耦和高效通信。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

angular 组件传递消息（通过服务）

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

@Injectable()
export class MenuService {

private subject = new Subject<any>();


/**
* 设置消息
*/
sendMenu(type: string) {
this.subject.next(type);
}

/**
* 清理消息
*/
clearMenu() {
this.subject.next();
}

/**
* 获得消息
*/
getMenu(): Observable<any> {
return this.subject.asObservable();
}

/*-----Constructor Part-----*/

constructor() {

}

/*-----Methods Part-----*/

get() {
let menu = sessionStorage.getItem('childIndex');
return menu;
}

set(menu: string) {
sessionStorage.setItem('childIndex', menu);
this.sendMenu(menu);
}


}