angular js：html5 select 问题

Question

我今天遇到了这种奇怪的行为。我在 fiddle 身上发现了同样的情况。（节省了一些时间来解释这个问题。）

我这里有一个fiddle：http://jsfiddle.net/w9mQ8/2/

它演示了如何在 html select 中设置 selected 值。

现在，其中的奇怪之处.. fiddle 结果窗格显示具有 select 的输出，以及 selected 值。不错..

但是，我不知道从哪里开始，空白值在 select:

中的选项前面

当我检查元素时，我发现了一些未知值，在选项前面：

请帮我解决这个问题。谢谢。 :)

Answer 1

好的。我了解情况并更新了 fiddle。检查新的fiddle：http://jsfiddle.net/w9mQ8/9/

根据评论中的建议，以下更改帮助我实现了我想要的：

html:

<div ng-controller="MyCtrl">
    <select ng-model="selectedValue" required="required" ng-options="option.id as option.value for option in defaults"></select>
</div>

js:

var myApp = angular.module('myApp', []);

function MyCtrl($scope) {

    $scope.selectedValue = 22;
    $scope.defaults = [{
        id: 10,
        value: "string 1"
    }, {
        id: 22,
        value: "string 2"
    }];
}

angular js：html5 select 问题

angular js : issue with html5 select

javascript

angularjs

html

html-select