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

在IE9中单击时,AngularJS默认选择选项将从所有选择框中删除,angularjs,Angularjs,IE9不能很好地处理我的选择框。当您点击其中一个来更改Chrome中的值时,它会按预期工作。在IE9中,它从页面上的每个选择框中删除默认选择。这里到底发生了什么事 这次我不得不做一个JSFIDLE,因为plunker似乎也没有链接IE9 下面是我用于选择框的代码的一部分。小提琴中有一个有效的例子 <select ng-model="initialOption1" ng-options="drafter.name for drafter in drafterItems"><op

IE9不能很好地处理我的选择框。当您点击其中一个来更改Chrome中的值时,它会按预期工作。在IE9中,它从页面上的每个选择框中删除默认选择。这里到底发生了什么事

这次我不得不做一个JSFIDLE,因为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>
初始选项
初始选择权
初始选择权

我不确定原因是什么,但您可以通过不使用标记中的初始选项来实现。而是在NgoOptions对象中设置默认值,并将模型值设置为该值

我很想知道潜在的原因,但这可能与您正在使用的ng网格库有关

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