javascript - 获取 Angular ng-option 下拉列表的选定文本

Question

我的 Angular 代码中有这个下拉列表:

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

现在在我的 Controller 中，我可以轻松地将所选值称为:

$scope.cleaningServiceLocation 

如何获取文本，或者在我的情况下，如何获取所选位置的名称？

Answer 1

您可以将模型 (perlocation) 作为对象而不是 (perlocation.id)-

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

并将其访问为 -

$scope.cleaningServiceLocation.name