在選擇列表Angular JS中獲取所選選項的選項文本

Question

我的選擇列表數據如下所示

{
  123: 'abc',
  234: 'bcd',
  .
  .
}

我在模板中使用ng-options來呈現這樣的

<select ng-model="myOption" ng-option="key as value for (key, value) in data"></select>

現在我想在js控制器中獲取所選選項的選項文本

可能嗎？

PS-我無法更改選擇列表的數據的數據結構，因此使其成為對象的對象如下圖所示

{
 {
   name: 'abc',
   value: 123
 },
 {
   name: 'bcd',
   value: 234
 }
}

編輯：我仍然希望能夠訪問所選的密鑰，即123或234

Answer 1

您可以使用ng-change並實現一個函數以通過鍵獲取值

<div>
    <select ng-model="myOption" ng-options="key as value for (key, value) in data" ng-change="getVal(myOption)"></select>

    {{selectVal}}
</div>

$scope.getVal = function(val){
    $scope.selectVal = $scope.data[val]
}

不是ng-options與s

演示

 angular.module("app",[]) .controller("ctrl",function($scope){ $scope.data = { 123: 'abc', 234: 'bcd', } $scope.getVal = function(val){ $scope.selectVal = $scope.data[val] } }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <select ng-model="myOption" ng-options="key as value for (key, value) in data" ng-change="getVal(myOption)"></select> {{selectVal}} </div>