使用angularJS下拉所选值

Question

我在填写的模态上有一个表单，然后在同一个html页面上创建一个表单，并使用模态表单中的信息填充表单。

所有输入都可以正常填写，而在另一个页面上，只需使用ng-model即可完成下拉菜单。

但是，当此表单显示时，下拉列表将显示在所选值上，但无法更改或单击该下拉列表。它只是一个静态值。我希望它能够更改为列表中的其他值。下拉列表中有一个箭头显示其下拉列表但单击时它不会下拉。

self.alert.measureType与ng-model绑定到填充模式的表格中的下拉列表。自我测量中只有2个值，米和公里。

这是下拉列表

<select class="form-control" style="background-color: lightgoldenrodyellow; border-color: black;" ng-model="self.alert.measureType">
    <option value="" style="color: #ccc !important" disabled> -Select- </option>
    <option ng-repeat="type in self.measurements" value="{{type}}"> {{type}} </option>
</select>

Answer 1

在此之后添加您的控制器。 为所选值分配模型的值 $ scope.self.alert.measureType =“Meters”