<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>
This line <a href="https://github.com/angular/angular/blob/1ece7366c8b67f387fbe13f8d128c19f4c50dd19/modules/%40angular/compiler/src/output/class_builder.ts#L27">here</a> calls '.callFn'.  In a unit test, the DynamicTestModule module.ngfactory.js output will be <code class="notranslate">jit_NgModuleInjector0.call(this, parent,[],[]);</code>.  This fails because NgModuleInjector is a class and needs to be called with 'new'.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
I believe '.instantiate' instead of '.callFn' needs to be called in some cases.</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong></p>

<p dir="auto">See the plunk in <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="210872670" data-permission-text="Title is private" data-url="https://github.com/angular/angular/issues/14808" data-hovercard-type="issue" data-hovercard-url="/angular/angular/issues/14808/hovercard" href="https://github.com/angular/angular/issues/14808">#14808</a>, however that issue currently blocks reproduction of this issue.  If you modify the <code class="notranslate">useFactory: () =&gt; ...</code> to <code class="notranslate">useFactory: function (...</code> to bypass that issue, this issue should be the next one you hit.  I tried to put up a gist for a modified compiler.js, but github doesn't seem to like the theta char used for the internal exports.</p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 4.0.0-rc.1</p>
</li>
<li>
<p dir="auto"><strong>Browser:</strong> [chrome]</p>
</li>
<li>
<p dir="auto"><strong>Language:</strong> [ES6]</p>
</li>
</ul>
<p dir="auto">I want to use Polymer's components in Angular, given</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;paper-dialog  (^iron-overlay-closed)=&quot;onClose()&quot;&gt;
...
&lt;/paper-dialog&gt;"><pre class="notranslate"><code class="notranslate">&lt;paper-dialog  (^iron-overlay-closed)="onClose()"&gt;
...
&lt;/paper-dialog&gt;
</code></pre></div>
<p dir="auto">It will not work, for</p>
<blockquote>
<p dir="auto">as angular 2 converts a-b event listner to camel case aB and that’s not what polymer wants…</p>
</blockquote>
<p dir="auto">quote from <a href="https://discventionstech.wordpress.com/2015/06/24/using-polymer-1-0-with-angular-2-0/" rel="nofollow">https://discventionstech.wordpress.com/2015/06/24/using-polymer-1-0-with-angular-2-0/</a></p>
<p dir="auto">What's the current state of this and is there other ways to archive it?</p>