如何使用 AngularJS 的按钮从选择/下拉列表中获取选定的值？答案

【问题标题】：How to get selected value from a select/dropdown using a button, with AngularJS?如何使用 AngularJS 的按钮从选择/下拉列表中获取选定的值？
【发布时间】：2026-01-16 05:35:02
【问题描述】：

我有一个带有一些值的选择。用户选择他想要的值，然后使用按钮将其添加到另一个列表中。但是，我无法从选择中获取当前选定的值。这是我的代码：

add-contract.html

<div class="col-md-5">
    <label class="child-label" for="existing-phases">Existing:&nbsp;&nbsp;</label>
    <select class="form-control" id="existing-phases" >
         <option disabled selected value>-- select an option --</option>
         <option ng-repeat="p in existingPhases" value="{{p.ID}}">{{ p.Name }}</option>
    </select>
    <a class="btn btn-primary add-contract-button pull-right" ng-click="addPhase()">+</a>
</div>

我无法通过按钮访问选择中使用的范围。如何获取选中的元素？

【问题讨论】：

标签： html angularjs drop-down-menu angularjs-scope

【解决方案1】：

您可以使用

将 select 的值绑定到您的控制器

ng-模型

如docs所示。

要在您的控制者之间分享您的价值，您可以：

使用服务
如果您有父子范围层次结构，则通过 $scope.$parent 访问共享变量。

【讨论】：

当我尝试将 ng-model 添加到我的选择中时，我收到一条错误消息，指出不允许这样做。
您能否分享您在控制台中遇到的确切错误，或者（会更好）一个工作的 plunker 作为示例？
我的 IDE 告诉我由于某种原因我不能在 select 上使用 ng-model，所以我认为你不能。但事实证明你可以。谢谢。