Support template content for selected value in md-select

[wouterbeukers]

Bug, feature request, or proposal:

bug

What is the expected behavior?

Selected option of a md-select supports html-tags

What is the current behavior?

Selected option of a md-select doesn't supports html-tags

What are the steps to reproduce?

See http://plnkr.co/edit/QJUCobw9yFcu1l1WtpOR?p=preview
Open the md-select.
In the dropdown the option supports html tags
Select the option
All html tags are stripped of the shown value in the md-select.

[dougmbarcellos]

Use this to display the formatted html:
<div [innerHtml]="selectedValue"></div>

[wouterbeukers]

That isn't the issue.
It is about the value what the md-selects shows after you select an option.
This value is stripped of al it's html-tags.

[negberts]

The html is stripped here:

get viewValue(): string {
// TODO(kara): Add input property alternative for node envs.
return this._getHostElement().textContent.trim();
}

I would love to change it, but I don't know what the impact will be. There's probably a reason why textContent is taken and not just value

[fxck]

@kara do you have something in mind regarding this? I would probably like to take a look at it.. also @crisbeto do you expect any problems with this because of multiselect?

[crisbeto]

I don't expect any issues with multi select since it'll use the same property to get the text. I was actually considering giving this a shot in the next few days.

[andreasrueedlinger]

@crisbeto thanks for your PR. So I guess you intended that with this change you can add the "plain HTML" option as label as follows:
<md-select-label [innerHtml]="select.selected?._getHostElement().innerHTML"></md-select-label>

[crisbeto]

This is the intended usage @andreasrueedlinger:

<md-select #select="mdSelect">
  <md-select-label>
    {{ select.selected?.viewValue }}
  </md-select-label>
  <!-- options go here -->
</md-select>

[andreasrueedlinger]

@crisbeto but that does not fix the problem adressed in this issue, namely that the label does not support Html!

[crisbeto]

You can put any HTML you want inside the md-select-label element.