<p dir="auto">... because we include <code class="notranslate">es6-shim.d.ts</code> in our transitive typings.</p>
<p dir="auto"><strong>I'm submitting a ...</strong>  (check one with "x")</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="[X ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question"><pre class="notranslate"><code class="notranslate">[X ] bug report =&gt; search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request =&gt; Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
</code></pre></div>
<p dir="auto"><strong>Current behavior</strong><br>
When a dynamically injected component triggers en event (using Output and EventEmitter), it's never catched by the component that has the directive *ngComponentOutlet set,</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The event should be catched</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;ng-container *ngFor=&quot;let dialog of dialogs&quot;&gt;
        &lt;ng-container (dialogActionCompleted)=&quot;onDialogActionSelected($event)&quot; *ngComponentOutlet=&quot;dialog.type&quot;&gt;
        &lt;/ng-container&gt;
    &lt;/ng-container&gt;"><pre class="notranslate"><code class="notranslate">&lt;ng-container *ngFor="let dialog of dialogs"&gt;
        &lt;ng-container (dialogActionCompleted)="onDialogActionSelected($event)" *ngComponentOutlet="dialog.type"&gt;
        &lt;/ng-container&gt;
    &lt;/ng-container&gt;
</code></pre></div>
<p dir="auto">On this code, dialogActionCompleted is never catched. In Subject.js (rxjs), this.observers array is empty (indicating that nothing is listening to the event).<br>
I've tried to create a "fake component", thinking that it was related to the fact that ng-container should be a component, But I get the same behavior.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
Windows 7, Visual Studio</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.X<br>
v2.4.9 + ngComponentOutlet directive included manually in the solution</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> [all | Chrome XX | Firefox XX | IE XX | Safari XX | Mobile Chrome XX | Android X.X Web Browser | iOS XX Safari | iOS XX UIWebView | iOS XX WKWebView ]<br>
All browsers</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
Typescript 2.0</p>
</li>
</ul>
<p dir="auto">Any workaround (even quick &amp; dirty) would be appreciated :)</p>