第一要素,我採用了棱角分明v1.0.8IE10與模型組始終沒有默認值選擇使用NG選項選擇在下拉
我有一個選擇,我使用NG選項指令與填充它在我的Controller中聲明的一組數據。
HTML片段
<body ng-controller="SelectCtrl">
<select
ng-model="selected"
ng-options="o as o.caption for o in options" />
</body>
代碼片斷
angular.module('app', [])
.controller('SelectCtrl', ['$scope', function($scope) {
$scope.options = [
{ key: 1, caption: '1' },
{ key: 2, caption: '2' },
{ key: 3, caption: '3' },
{ key: 4, caption: '4' },
{ key: 5, caption: '5' }
];
}]);
在Chrome中,如果您選擇讓我們說選擇3
然後,正如所料,它被選中。
但是,在IE10中,如果選擇選項3
,則選擇選項1
。
(http://plnkr.co/edit/T9bbEW?p=preview)
這僅當沒有默認選擇在控制器設置發生了。並且在刪除「空白」選項後執行的後續選擇會正確設置。
我懷疑它可能是This issue的副本,但我不完全確定。我並沒有真正動態地改變這裏的選項,儘管我猜想也許Angular是因爲這兩個瀏覽器中的「空白」選項都被刪除了。
但是我想要這個功能。我不想爲此選擇提供默認值,因爲用戶需要爲我做出主動選擇。
有沒有人知道這個解決方法和/或解決方案?最好不要使用JQuery來搞亂選項......
我擔心我不得不做那樣的事情。很高興知道我不是唯一一個這樣做的人:) – ivarni