使用angularJS使用选定的值进行下拉

Question

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

所有输入都可以很好地填充，而在另​​一页上，仅使用ng-model可以很好地填充下拉列表。

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

self.alert.measureType与ng-model绑定到一个模态形式的下拉列表中，该下拉列表已填写。self.measurements中只有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”中为模型分配值