Получить значение md-select из ссылочной переменной шаблона, Material for Angular 2

Question

Это не показывает выбранное значение, как если бы это было текстовое поле вместо выбора. Что не так?

<md-select #mySelect> 
    <md-option value="1">one</md-option> 
    <md-option value="2">two</md-option> 
</md-select> 
{{ mySelect.value }} 

Answer 1

Попробуйте #variable.selected.value так:

<md-select #mySelect> 
    <md-option value="1">one</md-option> 
    <md-option value="2">two</md-option> 
</md-select> 
<div *ngIf="mySelect.selected"> 
    {{mySelect.selected.value}} 
</div> 

Answer 2

<form> 
    <md-select placeholder="Favorite food" [(ngModel)]="selectedValue" name="food"> 
    <md-option *ngFor="let food of foods" [value]="food.value"> 
    {{food.viewValue}} 
    </md-option> 
    </md-select>enter code here 
    <p> Selected value: {{selectedValue}} </p> 
</form> 

вы можете попробовать это.