Question

如何获取角度材料md-select中的显示文本和值。我只能得到Model值（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。

Answer 1

与选择字段中的所有选项一样，您可以绑定显示值，此处为item.Name，并链接到其他值，此处为{{1} }。所以你可以像这样写代码：

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>的模型等于selected_value的值。

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

有关详细信息，请参阅官方文档：https://material.angularjs.org/latest/api/directive/mdSelect

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

如何获取角度js材质md-select中的显示文本和值

2 个答案: