子コンポーネントがルーティングからロードされたときに子コンポーネントをトリガーする子コンポーネントをトリガー

Question

親コンポーネントメソッドを呼び出すときに実行したいメソッドを持つ子コンポーネントを作成しました。

これは以下のような重複した質問のようです。

Call child component method from parent class - Angular

私は親コンポーネントテンプレートの子コンポーネントが含まれていたときにこれが

<parent-comp> <child-comp></child-comp></parent-comp>. 

のように、完璧に動作しますが、私の場合は私がすることができ、この場合には、ルーティングを使用して、子コンポーネントをロードviewchildがnullになると、子メソッドを実行しません。

以下は、変更が加えられたクイックスタート角度アプリです。

import { Component, ViewChild } from "@angular/core"; 
import { ItemCompanyComponent } from "../item/Company/ItemCompanyComponent"; 

@Component({ 
    moduleId: module.id, 
    selector: "item-add", 
    templateUrl: "ItemComponent.html" 
}) 
export class ItemComponent { 

    @ViewChild(ItemCompanyComponent) public child: ItemCompanyComponent; 

    ngAfterViewInit(): void { 
     this.save =() => { 
      alert("Item Component Save"); 
      this.child.childsave(); 
     } 
    } 

    save(): void { 

    } 
} 



@Component({ 
    moduleId: module.id, 
    selector: "item-company", 
    templateUrl: "ItemCompanyComponent.html" 
}) 
export class ItemCompanyComponent { 
childsave(): void { 
     alert("Item Company Component Save"); 
    } 
} 

ItemComponent.html：

<div class="main-content" fxFlex> 
      <router-outlet></router-outlet> 
     </div> 

私はアイテムのコンポーネントに子プロパティにnullを取得しています。どのような解決策も非常に認められる。

Answer 1

共有サービスを使用して、ルータによって追加されたコンポーネントと通信します。

あなたは、私はほとんど20子コンポーネントが存在していコンポーネントがルータ

<router-outlet (activate)="notifyChild()"></router-outlet>