<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 select[multiple] is false then UI is not "multiple" but the ngModel return Array</p>
<p dir="auto"><strong>Expected behavior</strong><br>
The model is not to return Array</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
<a href="https://plnkr.co/edit/uU2p2GTf0ta0WP3ndegl?p=preview" rel="nofollow">https://plnkr.co/edit/uU2p2GTf0ta0WP3ndegl?p=preview</a></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
I was trying to make a custome component that is "multiple" configureable</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.1.2</li>
<li><strong>Browser:</strong> [Chrome 54]</li>
<li><strong>Language:</strong> [TypeScript 2.0]</li>
</ul>
<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>
Angular1 component trows error inside module that is lazy loaded. I am using Upgrade Module and Upgrade Component approach from Docs: <a href="https://angular.io/docs/ts/latest/api/upgrade/static/UpgradeComponent-class.html" rel="nofollow">https://angular.io/docs/ts/latest/api/upgrade/static/UpgradeComponent-class.html</a></p>
<p dir="auto">I am using same bootstrapping process as from: <a href="https://github.com/angular/angular/blob/master/modules/%40angular/upgrade/test/aot/test_helpers.ts#L19">https://github.com/angular/angular/blob/master/modules/%40angular/upgrade/test/aot/test_helpers.ts#L19</a></p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/25f61e54262462d7447f81a060de590b17dabf5945a017310af3507cc72bcf4b/687474703a2f2f73746f72616765372e7374617469632e69746d616765732e636f6d2f692f31362f313230362f685f313438313035373932305f373031393839365f653735383763393734382e706e67"><img src="https://camo.githubusercontent.com/25f61e54262462d7447f81a060de590b17dabf5945a017310af3507cc72bcf4b/687474703a2f2f73746f72616765372e7374617469632e69746d616765732e636f6d2f692f31362f313230362f685f313438313035373932305f373031393839365f653735383763393734382e706e67" data-canonical-src="http://storage7.static.itmages.com/i/16/1206/h_1481057920_7019896_e7587c9748.png" style="max-width: 100%;"></a></p>
<p dir="auto"><strong>Expected behavior</strong><br>
Angular1 component should appear</p>
<p dir="auto"><strong>Minimal reproduction of the problem with instructions</strong><br>
Minimal angular-cli repo:<br>
<a href="https://github.com/vladotesanovic/ui-grid-angular2">https://github.com/vladotesanovic/ui-grid-angular2</a></p>
<p dir="auto"><em>Bootstrapping</em>: <a href="https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/main.ts">https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/main.ts</a><br>
<em>Angular1 app</em>: ( with downgradeComponent ): <a href="https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/anglarjs.ts#L88">https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/anglarjs.ts#L88</a></p>
<p dir="auto">Non working on: /home/about ( lazy loaded )</p>
<p dir="auto">URL ( works in AppModule ): <a href="http://ui-grid2.surge.sh/#/route1" rel="nofollow">http://ui-grid2.surge.sh/#/route1</a><br>
URL ( does not work in HomeModule ): <a href="http://ui-grid2.surge.sh/#/home/about" rel="nofollow">http://ui-grid2.surge.sh/#/home/about</a></p>
<p dir="auto">Router config: <a href="https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/app/app.module.ts#L48">https://github.com/vladotesanovic/ui-grid-angular2/blob/master/src/app/app.module.ts#L48</a></p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
I want to use ui-grid component that is written for Angular1 in my Angular 2 application.</p>
<p dir="auto"><strong>Please tell us about your environment:</strong></p>

<ul dir="auto">
<li><strong>Angular version:</strong> 2.2.1</li>
</ul>

<ul dir="auto">
<li><strong>Browser:</strong> [all | Chrome ]</li>
</ul>

<ul dir="auto">
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript]</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</p>
</li>
</ul>