Angular material 从模板参考变量中获取md select的值，角度2的材质

这不会像显示文本框而不是选择框那样显示所选值。怎么了

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

尝试使用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>

---

你能试试这个吗。

是的，如果你在课堂上有这个selectedValue，那也行。但是如果您想执行click=savePreference，那么使用模板引用变量会更简洁，而且我认为更惯用。谢谢。这正是我要找的。如果您试图获取所选文本，而不是值，您可以使用mySelect.options.itemmmyselect.selectedIndex.text，这可能与主题无关，但这个答案让我走上了正确的道路

<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>