Angular(4):@通过routerLink

时间:2017-10-04 13:30:40

标签: angular

我试图通过router-outlettop-navi组件类方法从我的一个子组件发出一个事件。 main.component.html的结构看起来像这样:

<top-navi></top-navi>
<router-outlet (notify)="onNotify($event)"></router-outlet>
<app-footer></app-footer>

main.component.ts上课:

export class AppComponent {
  constructor(translate: TranslateService) {
    translate.setDefaultLang('en');
    translate.use('en');
  }

  public onNotify(value: boolean):void {
    console.log('event arrived:' + value);
  }
}

Child component.ts类看起来像这样:

export class WelcomeWizardComponent implements OnInit {
  @Output() notify = new EventEmitter<boolean>();

  public integrationPartnerDocStepActive = false;

  constructor() {
  }

  ngOnInit() {
  }

  public assignDocumentationTrack() {
    if (this.type == 'integrationPartner') {
      this.integrationPartnerDocStepActive = true;
      this.notify.emit(this.integrationPartnerDocStepActive);
    }
  }
}

我知道即使是被发射,但它永远不会被main.component.ts发生任何事情。是否有可能通过router-outlet传递发出的事件?

0 个答案:

没有答案