Question

Angular不会使用ng-model的内容更新select元素。绑定是单向的select-＆gt;模型。如何在传播到视图的模型中进行更改？

模板：

<select class="gu2" name="coverDuration" ng-model="creditLimit.coverDuration" required="required">
   <option ng-value="90" selected="selected">90 days</option>
   <option ng-value="180">180 days</option>
</select>
just to check: {{creditLimit.coverDuration}}

控制器：

app.controller('CreditLimitDetailsController', function ( $scope, creditLimit /* ... */ ) {
    // creditLimit.coverDuration can be 90 or 180.
    // I use a service to store the values between successive instanciations
    $scope.creditLimit = creditLimit;
}

在这个例子中，select保持没有选项select，而检查显示90。

Answer 1

有效：

app.controller('MainCtrl', function($scope) {
  $scope.creditLimit = {}; //needs to be initialized
  $scope.creditLimit.coverDuration = 90;
});

并使用

value=""

而不是

ng-value=""

Plunker

Answer 2

如果您不想使用ngOptions，请使用ngSelected代替selected：

<option ng-value="90" ng-selected="true">90 days</option>

fiddle

Answer 3

选择后可能需要模糊元素，这取决于浏览器

angular不会使用ng-model更新选择元素

3 个答案: