ng2サブモジュールのコンポーネントからイベントを出力（）するには？

Question

非常に単純な出力イベントとハンドラを持つ2つのコンポーネントがあり、子サブモジュールの値をapp.moduleのコンポーネントに渡そうとしています。ここで私は、次のコンポーネントが含まれてtutorialModuleをインポート私app.component.ts私app.module.tsで

@Component({ 
    selector: 'my-app', 
    template: ` 
    <sidebar *ngIf="showHeader" (everySecond)="everySecond()" ></sidebar> 
    <navbar *ngIf="showHeader" (toggleNav)="toggleNav($event)"></navbar> 
    <router-outlet></router-outlet>`, 
    directives: [homeComponent, sidebarComponent, navbarComponent] 
}) 
export class AppComponent { 
    everySecond() { console.log('second'); } 
} 

です。

I tutorialComponentへのルート、私はtutorialComponentはの指示として宣言されていないため、これがあると仮定します。「here2ログがプリントアウトされますが、 『第二』 1がトリガされることはありませんが

export class tutorialComponent { 
    @Output() everySecond = new EventEmitter(); 

    constructor() { 
    this.everySecond.emit("event"); 
    console.log("here"); 
    } 
} 

、例えば

：app.component（それがモジュールとしてインポートされたように）どのように私はこの作業を取得ん

Answer 1

あなたはアプリのコンポーネントにeverySecondに加入する必要があります。？

this.tutorialComponent.everySecond.subscribe((data) => { 
    console.log('second'); 
}); 

Answer 2

コンストラクタでイベントを発行すると、まだデータバインディングが設定されていないため、イベントは潜在的な受信者に通知されません。 コードをngOnInit()に移動すると、の後にイベントが発行され、コンポーネントが初期化され、データバインディングが設定されます。

export class tutorialComponent { 
    @Output() everySecond = new EventEmitter(); 

    ngOnInit() { 
    this.everySecond.emit("event"); 
    console.log("here"); 
    } 
}