Emit event through nested components in Angular2
<p>One can use <code>Output()</code> decorator to emit the event from the child component so that the parent component can catch it. What I need is to catch an event emitted by any child component, which is not necessarily a direct child of a given component.</p>

<p>Let <code>ComponentTwo</code> be a component which emits the event. If the app has the following structure: <code>App -&gt; ComponentTwo</code>, then we can easily catch the event emitted by <code>ComponentTwo</code>. But if we consider structure like <code>App -&gt; ComponentOne -&gt; ComponentTwo</code>, then we can't catch the emitter directly.</p>

<p>Here is a <a href="https://plnkr.co/edit/3vaXFFhT9FRcKbLGHRig?p=preview" rel="noreferrer">plunker</a> that illustrates the problem.</p>

<p>So is there a way to sort of propagate event to all parent components? Thanks.</p>