通知另一个组件在特定组件中单击了一个按钮

Question

如何通知我的home-day-component我的用户点击了header-component内的按钮？两个组件都在home-component

内

例如，如果我的用户点击按钮Previous Month，则home-day-component需要知道。

主页组件

<header-component></header-component>
<div>
   <home-day-component></home-day-component>
</div>

标题组件

<nav class="nav" id="calendar">
   <button                                            
      (click)="previousMonth()">
   </button>
   {{current.month}} {{current.year}}
   <button                    
      (click)="nextMonth()">                    
   </button>
</nav>

Answer 1

您应该使用带主题的服务，

您可以在服务中创建主题

"DDD-RED"

并在构造函数中实例化

messageSource: Subject<string>;

您可以在组件中

执行此操作，

this.messageSource = new Subject<string>();

如果你想订阅它，你可以做

this.yourService.messageSource.next('whatvermessage');