获取角NG选项下拉列表中选定的文本

Question

我在我的角度代码此下拉列表：

<div class="btn-group" dropdown> 
      <select class="selected_location" ng-options="perlocation.id as perlocation.name for perlocation in locations" ng-model="cleaningServiceLocation"> 
      <option value="">Please Select Location</option> 
      </select> 
    <div> 

现在在我的控制，我可以方便地调用所选择的值：

$scope.cleaningServiceLocation 

我怎样才能得到文本，或在我的情况下，选定的位置的名称？每次

Answer 1

最简单的方法是将遍历数组locations价值变化，并从其id比赛$scope.cleaningServiceLocation位置抢name属性：

$scope.getName = function(id) { 
    for (var i = 0; i < $scope.locations.length; i++) { 
    if ($scope.locations[i].id == id) { 
     return $scope.locations[i].name; 
    } 
    } 

    return ""; 
} 

Try it in a Plunker。

Answer 2

你可以让模型（perlocation）为对象，而不是（perlocation.id） -

<select class="selected_location" ng-options="perlocation as perlocation.name for perlocation in locations" ng-model="cleaningServiceLocation"> 

，并获得它 -

$scope.cleaningServiceLocation.name