selected attribute not working when formcontrol is on select tag

[stellasoft-will]

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 adding selected attribute to an option tag the formControl attribute on the select tag prevents the option from being selected even though the dom has a selected value.

Expected behavior

would like when selected value is set to have that option set in the select drop down

Minimal reproduction of the problem with instructions

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

n/a
Please tell us about your environment:

webstrom, mac os, npm

• Angular version: 2.0.X

2.3.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 ]

all

• Language: [all | TypeScript X.X | ES6/7 | ES5]
  typescript
• Node (for AoT issues): node --version =
  6.2.2

[DzmitryShylovich]

It's by design. You can find an explanation here angular/components#2250 (comment)

[stellasoft-will]

ok so what should this actually look like:

<select id="products" class="form-control new-select padding" formControlName="featured_product"> <option>Please Select</option> <option *ngFor="let p of products" [ngValue]="p" [attr.selected]="p.ProductId == product.ProductId ? '': null" >{{p.ProductName}}</option> </select>

[DzmitryShylovich]

https://github.com/angular/angular/pull/13349/files#diff-59d1e70711eb1e6eabdc76864164c9b4R2064

[dmytro-y-dev]

nice, but why this PR is not still included?

[DzmitryShylovich]

¯_(ツ)_/¯

[DzmitryShylovich]

@metamaker it was merged

[dmytro-y-dev]

@DzmitryShylovich Thx for info. I will wait for release with this PR included and then will update my package.json.

[pkozlowski-opensource]

Fixed by f89d004

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}