如何从路由器插座调用应用程序组件

时间:2018-05-10 05:05:24

标签: angular angular5

我正在尝试从我的加载页面的主页中调用hidden组件中的方法。在我的家庭组件中,我使用:

app

现在我需要调用@Output() onPopMessage = new EventEmitter<Event>(); footerLinkHandler(link){ this.onPopMessage.emit(link); return false; } 组件。由于主页位于app我试过这样:

router-outlet

在我的应用程序组件中,我的代码是:

<div class="wrapper" (onPopMessage) = "onPopMessage()" >
  <header>
    <app-header #dropDownValue></app-header>
  </header>
  <section>
    <router-outlet></router-outlet>
    <app-category-menu [hideDropDownMenu]="dropDownValue.dropDown"></app-category-menu>
    <app-modal-popup></app-modal-popup>
  </section>
  <app-cookie-model (onSetAppCookie) = "setCookies($event)"  ></app-cookie-model>
</div>

那么,从onPopMessage(link){ console.log('called'); //nothing called } 中加载的任何页面调用appcomponent的正确方法是什么?

0 个答案:

没有答案