Issue 1:
I'm submitting a ... (check one with "x")

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

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)

Expected behavior

Select the Multiple option as a array is provided in the model

Reproduction

<select multiple role="listbox" [formControl]="apiAccessForm.controls['roleName']" [(ngModel)]="objSelectedRole"> <title="select question" class="form-control"> <option *ngFor="let obj of objRoleList" [value]="obj.roleName">{{obj.roleName}}</option> <select>

Its works, if I remove both ngModel and formControl directives, here objSelectedRole is data from db

Angular version: 2.0.1

Browser: [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 ]

Language: [all | TypeScript X.X | ES6/7 | ES5]

Node (for AoT issues): node --version =

Issue 2:
I'm submitting a ... (check one with "x")

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question

Current behavior

When using the basic example of the Dynamic Form, i try to add [multiple]="true" to the select:

<select [id]="question.key" *ngSwitchCase="'dropdown'" [formControlName]="question.key" [multiple]="true">
<option *ngFor="let opt of question.options" [value]="opt.key">{{opt.value}}</option>
</select>

ANd i get a values.map does not exist error:

TypeError: values.map is not a function

at SelectMultipleControlValueAccessor.writeValue (forms.umd.js:1317)

at setUpControl (forms.umd.js:1470)

at FormGroupDirective.addControl (forms.umd.js:3889)

at FormControlName._setUpControl (forms.umd.js:4318)

at FormControlName.ngOnChanges (forms.umd.js:4264)

at DebugAppView._View_DynamicFormQuestionComponent22.detectChangesInternal (DynamicFormQuestionComponent2.ngfactory.js:514)

at DebugAppView.AppView.detectChanges (core.umd.js:9566)

at DebugAppView.detectChanges (core.umd.js:9671)

at DebugAppView.AppView.detectContentChildrenChanges (core.umd.js:9584)

at DebugAppView._View_DynamicFormQuestionComponent20.detectChangesInternal (DynamicFormQuestionComponent2.ngfactory.js:200)

Expected behavior

No error should be thrown when using [multiple]="true"

Reproduction of the problem

Run through the Dynamic Form documentation and just add [multiple]="true" to the select

What is the motivation / use case for changing the behavior?

Broken

Please tell us about your environment:

Surface Book w/ Win10 in visual studio using npm/gulp with SystemJS

Angular version: 2.0.X

2.0.0

Browser: [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 ]

Everything tried... Chrome, edge, firefox

Language: [all | TypeScript X.X | ES6/7 | ES5]

Typescript

Node (for AoT issues): node --version =