Angular 6中的儿童与父母的交流

Question

我的Angular组件中有标题和正文。

标头中有一个通知计数，每当用户在正文中更改计数时，便希望更新计数。

app.routing.ts

export const AppRountes: Routes = [{
   component: LayoutComponent,
   children: [
    {
     path: 'notification',
     loadChildrent: './notification/notification.module#NotificationModule'
    }
   ]
  }]

我有一个NotificationComponent用于通知。

通知图标和计数位于LayoutComponent中。

在这里，我想从NotificationComponent通知给LayoutComponent。

我能够使用@ViewChild从LayoutComponent到NotificationComponent进行通信，但是不确定如何从子级到父级进行通信。

Answer 1

通常，您会使用EventEmitter加上@Output，因为您使用的是路由器，因此您实际上无法做到这一点。我想您可以在这里找到答案：Angular 2 output from router-outlet