如何在角度js材料md-select中获取显示文本和值答案

【问题标题】：How to get the display text and value in angular js material md-select如何在角度js材料md-select中获取显示文本和值
【发布时间】：2018-07-16 14:09:49
【问题描述】：

如何获取角材质md-select中的显示文本和值。我只能得到模型值（selected_value）

<md-input-container class="md-block">
  <label>Some Label</label>
  <md-select 
             ng-model="selected_value">
    <md-option ng-value="item" ng-repeat="item in ctrl.items" >
  </md-select>
</md-input-container>

我的清单

[ID: name1, Name:value1]
[ID: name2, Name:value2]
[ID: name3, Name:value3]
[ID: name4, Name:value4]

如果选择了 name1，我需要获取 value1。

【问题讨论】：

这是 AngularJS 1.x 还是 Angular2？
它在 AngularJS 1.x 中

标签： angularjs angular-material

【解决方案1】：

与选择字段中的所有选项一样，您可以绑定显示值，此处为item.Name，并链接到它另一个值，此处为item.ID。所以你可以这样写你的代码：

<md-input-container class="md-block">
   <label>Some Label</label>
   <md-select ng-model="selected_value">
      <md-option ng-value="item" ng-repeat="item in ctrl.items">{{ item.Name }}</md-option>
   </md-select>
</md-input-container>

选择一个选项时，模型，此处 @987654325 @等于 @987654326 @的值。

在上面，选择字段显示所有每个项目的名称，当用户选择一个选项时，您可以获得完整项目（ ID 和名称）通过变量selected_value。

更多信息可以阅读官方文档：https://material.angularjs.org/latest/api/directive/mdSelect

【讨论】：

【解决方案2】：

您可以使用ng-model-options="{trackBy: '$value.ID'}" 选择{ID: name1, Name:value1}

<md-select name="serviceType"
           id="serviceType"
           ng-model="ctrl.selected_value"
           ng-model-options="{trackBy: '$value.ID'}">
  <md-option ng-value="t" ng-repeat="t in ctrl.items">{{ t.Name }}</md-option>
</md-select>

【讨论】：