Angular材质在select组件

Question

Working code pen

Am uisng angular md-select。我有一个对象数组，其中包含要选择的选项的名称和ID。问题是，如果选择任何选项，则需要将html和受尊重id中要查看的对象中的名称提取到服务调用的变量中。

vm.options = [{"planId":"1" ,"scenarioName" : "Plan1"},{"planId":"2" ,"scenarioName" : "Plan2"}]

上面是我的对象数组，这里的场景名称需要在html中显示，而我们在选择场景时需要获取id。

<md-option ng-repeat="opt in vm.options" value="{{opt.planId}}">{{opt.scenarioName}}</md-option>

上面我将html和ID中的名称绑定为值。

<md-select placeholder="Select Objective" ng-model="vm.selectedVal" ng-change="vm.onObjectiveChange();" md-selected-text="vm.selectedVal">

上面是用于查看html的ng-model，但现在它将planID显示为视图，因为我选择了值作为planID。如果我更改了value="{{opt.scenarioName}}"我无法获得planId。

问题是我想获取所选方案名称的planid。

Answer 1

因为我们知道每个实例的模型的角度绑定值

<md-select ng-model="vm.selectedVal" ng-change="onObjectiveChange();">

在file.js中

$scope.onObjectiveChange = function(){
 console.log (vm.selectedVal) // this will hold the selected value
}