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

Question

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

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

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

Answer 1

您可以使用

将select的值绑定到控制器

  

NG-模型

如docs。

所示

要在您的控制器中分享您的价值，您可以：

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