<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>
<code class="notranslate">TypeError: values.map is not a function at SelectMultipleControlValueAccessor.writeValue (forms.umd.min.js:13) at setUpControl (forms.umd.min.js:13) at FormControlDirective.ngOnChanges (forms.umd.min.js:15) at DebugAppView._View_ApiAccessEditorComponent0.detectChangesInternal (ApiAccessEditorComponent.ngfactory.js:472) at DebugAppView.AppView.detectChanges (core.umd.min.js:38) at DebugAppView.detectChanges (core.umd.min.js:38) at DebugAppView.AppView.detectViewChildrenChanges (core.umd.min.js:38) at DebugAppView._View_ApiAccessComponent6.detectChangesInternal (ApiAccessComponent.ngfactory.js:754) at DebugAppView.AppView.detectChanges (core.umd.min.js:38) at DebugAppView.detectChanges (core.umd.min.js:38)</code></p>
<p dir="auto"><strong>Expected behavior</strong><br>
Select the Multiple option as a array is provided in the model</p>
<p dir="auto"><strong>Reproduction</strong><br>
<code class="notranslate">&lt;select multiple role="listbox" [formControl]="apiAccessForm.controls['roleName']" [(ngModel)]="objSelectedRole"&gt; &lt;title="select question" class="form-control"&gt; &lt;option *ngFor="let obj of objRoleList" [value]="obj.roleName"&gt;{{obj.roleName}}&lt;/option&gt; &lt;select&gt;</code></p>
<p dir="auto"><strong>Its works, if I remove both ngModel and formControl directives, here objSelectedRole  is data from db</strong></p>
<ul dir="auto">
<li>
<p dir="auto"><strong>Angular version:</strong> 2.0.1</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 ]</p>

</li>
<li>
<p dir="auto"><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]</p>
</li>
<li>
<p dir="auto"><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</p>
</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>
When using the basic example of the Dynamic Form, i try to add [multiple]="true" to the select:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="            &lt;select [id]=&quot;question.key&quot; *ngSwitchCase=&quot;'dropdown'&quot; [formControlName]=&quot;question.key&quot; [multiple]=&quot;true&quot;&gt;
                &lt;option *ngFor=&quot;let opt of question.options&quot; [value]=&quot;opt.key&quot;&gt;{{opt.value}}&lt;/option&gt;
            &lt;/select&gt;"><pre class="notranslate"><code class="notranslate">            &lt;select [id]="question.key" *ngSwitchCase="'dropdown'" [formControlName]="question.key" [multiple]="true"&gt;
                &lt;option *ngFor="let opt of question.options" [value]="opt.key"&gt;{{opt.value}}&lt;/option&gt;
            &lt;/select&gt;
</code></pre></div>
<p dir="auto">ANd i get a values.map does not exist error:<br>
TypeError: values.map is not a function<br>
at SelectMultipleControlValueAccessor.writeValue (forms.umd.js:1317)<br>
at setUpControl (forms.umd.js:1470)<br>
at FormGroupDirective.addControl (forms.umd.js:3889)<br>
at FormControlName._setUpControl (forms.umd.js:4318)<br>
at FormControlName.ngOnChanges (forms.umd.js:4264)<br>
at DebugAppView._View_DynamicFormQuestionComponent22.detectChangesInternal (DynamicFormQuestionComponent2.ngfactory.js:514)<br>
at DebugAppView.AppView.detectChanges (core.umd.js:9566)<br>
at DebugAppView.detectChanges (core.umd.js:9671)<br>
at DebugAppView.AppView.detectContentChildrenChanges (core.umd.js:9584)<br>
at DebugAppView._View_DynamicFormQuestionComponent20.detectChangesInternal (DynamicFormQuestionComponent2.ngfactory.js:200)</p>
<p dir="auto"><strong>Expected behavior</strong><br>
No error should be thrown when using [multiple]="true"</p>
<p dir="auto"><strong>Reproduction of the problem</strong><br>
Run through the Dynamic Form documentation and just add [multiple]="true" to the select</p>
<p dir="auto"><strong>What is the motivation / use case for changing the behavior?</strong><br>
Broken</p>
<p dir="auto"><strong>Please tell us about your environment:</strong><br>
Surface Book w/ Win10 in visual studio using npm/gulp with SystemJS</p>
<ul dir="auto">
<li><strong>Angular version:</strong> 2.0.X<br>
2.0.0</li>
<li><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>
Everything tried...  Chrome, edge, firefox</li>
<li><strong>Language:</strong> [all | TypeScript X.X | ES6/7 | ES5]<br>
Typescript</li>
<li><strong>Node (for AoT issues):</strong> <code class="notranslate">node --version</code> =</li>
</ul>