@Output with angle with

Question

こんにちは、私は最初のコンポーネントに2番目のコンポーネントから1つのイベントをスローしようとしていますが、私は最初のコンポーネントでイベントを取得することができませんが、私はアプリケーションコンポーネントでイベントをキャッチすることができます私たちは子供からアプリコンポーネントだけにイベントをキャッチすることができますように、これの任意の制限はありますか。事前にありがとうございます。

私はこの

<second-app (newEvent) = "onEmit($event)"></second-app> 

見つけてくださいフォルダ構造のようなイベントをキャッチしています：

  second.component 
     first.component 
app.component 

Answer 1

あなただけの間の通信に@outputイベント処理を使用することができますネストされた（子）コンポーネントとその親コン​​ポーネント。

兄弟コンポーネントまたは関連性のないコンポーネント間で通信するには、サービスを使用できます。 https://blogs.msmvps.com/deborahk/build-a-simple-angular-service-to-share-data/

plunkerはここにある：https://plnkr.co/edit/KT4JLmpcwGBM2xdZQeI9?p=preview

サービスは基本的に次のようになります。私はここでは例サービス持っているそれは、限界を理解するために私を助け

import { Injectable } from '@angular/core'; 

@Injectable() 
export class DataService { 
    serviceData: string; 
}