javascript - ie10+ Angular 选择问题

Question

我有一个相当简单的要求，不包括 ng-option 和 ng-repeat。所以我为所有浏览器创建了带有两个选项的选择框，一切都工作正常，但在 ie10+ 上不行。 知道根本原因是什么吗？

<select data-ng-model="ctrl.sort" data-ng-change="ctrl.matchSort(ctrl.sort)">
                               <option data-ng-value="p" data-ng-bind="sort.asc"></option>
                               <option data-ng-value="m" data-ng-bind="sort.desc"></option>
                             </select>

使用空选项值字符串创建选择下拉列表

<option value="?String:p"></option>


By Default : " ctrl.sort = 'p'; "

Answer 1

您的 Angular 模型似乎没有选择默认值。因此，Angular 可能会插入一个默认选项。在您的模型中，您可以使用以下代码:

$scope.ctrl.sort = 'default'

但这里有一个更好的方法:

$scope.ctrl = [{value: "default", name: "p"},
               {value: "p",       name: "p"},
               {value: "m",       name: "m"}];

$scope.ctrl.sort = "p";

<select name="ctrlselect"
        id="ctrlselect"
        data-ng-model="ctrl.sort"
        data-ng-change="ctrl.matchSort(ctrl.sort)"
        data-ng-options="option.value as option.name for option in ctrl">
</select>