Question

IE9在我的选择框中表现不佳。当您点击其中一个更改Chrome中的值时，它会按预期工作。在IE9中，它从页面上的每个选择框中删除默认选择。到底发生了什么事？

这次我不得不做一个jsfiddle但是因为plunker似乎也没有链接到IE9。

这是我用于选择框的代码的一部分。小提琴里有一个有效的例子。

<select ng-model="initialOption1" ng-options="drafter.name for drafter in drafterItems"><option value="">Initial Option</option></select>
  <select ng-model="initialOption2" ng-options="drafter.name for drafter in drafterItems"><option value="">Initial Option</option></select>
  <select ng-model="initialOption3" ng-options="drafter.name for drafter in drafterItems"><option value="">Initial Option</option></select>

Answer 1

我不确定原因是什么，但你可以通过不使用标记中的初始选项来使其工作。而是在ngOptions对象中设置默认值，并将模型值设置为该值。

http://jsfiddle.net/Z2gkg/

$scope.initialOption1 = $scope.drafterItems[0];
$scope.initialOption2 = $scope.drafterItems[0];
$scope.initialOption3 = $scope.drafterItems[0];

我很想知道根本原因，但它可能与您所包含的ng-grid库有关。

在IE9中单击时，将从所有选择框中删除AngularJS默认选择选项

1 个答案: