小编蔡亞林*_*蔡亞林的帖子

我有一个布局页面，其中包含 mat-sidenav-container 和 router-outlet。我尝试调用该函数并将数据从 router-outlet Page By EventEmitter 传递到 LayoutPage 但它不起作用。我在这里发现了与我类似的问题： @Output with EventEmitter from child toparent, view does not update in Parent

如果将 router-outlet 标签替换为组件选择器标签（app-child）就可以了，但是 router-outlet 标签对我来说是必需的。我需要通过 router-outlet 标签导航网页。那我该怎么办？

布局.组件.html

<mat-sidenav-container>
    <mat-sidenav #sideNav opened="true" mode="side" class="sidebar" style="background-image: url('assets/images/test.png');">
      <ul class="nav">
        <li routerLinkActive="active" *ngFor="let menuItem of menuItems" class="test nav-item">
            <a class="nav-link" [routerLink]="[menuItem.path]" [queryParams]="filter">
                <i class="material-icons">{{menuItem.icon}}</i>
                <p>{{menuItem.title}}</p>
            </a>
        </li>
    </ul>
    </mat-sidenav>
  
    <mat-sidenav-content class="content">
        <app-header></app-header>
      <router-outlet (onDatePicked)='doSomething($event)' > </router-outlet>
      
    </mat-sidenav-content>
  </mat-sidenav-container>

布局.组件.ts

@Component({
  selector: 'app-layout',
  templateUrl: './layout.component.html',
  styleUrls: ['./layout.component.css']
})
export class …