美文网首页
非父子组件参数传递与通讯方法

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

作者: MAYDAY77 | 来源:发表于2019-06-21 15:49 被阅读0次

    最近有个需求,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的值就可以了。

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

    相关文章

      网友评论

          本文标题:非父子组件参数传递与通讯方法

          本文链接:https://www.haomeiwen.com/subject/umnyqctx.html