非父子组件参数传递与通讯方法

最近有个需求,header组件中有个待办事项需要显示total条数,在content里面有一个审批组件,审批里审批一条内容成功后,header里的total要减一。

这样,父子组件传值和路由参数传值都不管用了。

突然想起来淘宝客服的标准回答,这边建议亲使用服务通信哦~哈哈哈哈

使用服务Service进行通信,即:两个组件同时注入某个服务

1、首先创建个service

ng g s my-service // 新建服务

2、在total.service.ts中声明一个变量pageTotal

3、在两个组件中分别引入service

import { TotalService }from '../../../../services/total.service';

在constructor中声明一个全局变量totalService,

直接在逻辑处理中更改this.totalService.pageTotal的值就可以了。

又是一个开心的周五,跑步机也到家了,周六早上跑步,然后去国家博物馆看意大利归还的文物展。完美的程序媛生活。

你可能感兴趣的:(非父子组件参数传递与通讯方法)