Question

我使用以下代码生成Angular的颜色列表：

<select id="color" ng-model="bgCol">
    <option ng-selected="{{ind == 0}}" ng-repeat="(ind, color) in colors" value="{{ind}}">{{color.name}}</option>
</select>

和＆＃34;颜色＆＃34;是一个对象数组：

colors = [{
    "name":"Red",
    "color":"C00"
}]

但是没有选择任何选项，而是默认选择空选项，并在选择更改时删除

Answer 1

查看ngOptions的文档，其中提供了与您要完成的内容几乎相同的示例。

Answer 2

你应该考虑一些事情

请勿使用ng-repeat向select添加选项
在json中，删除key中的引号。它应该是name:"Red"而不是"name":"Red"。
在ng-model标记中添加select属性并声明它以选择默认选项，而不是页面加载时的空白。

请参阅以下代码

<select ng-model="selecteditem" ng-options="color.name as color.color for color in colors"></select>

并在控制器中声明selecteditem为

 $scope.selecteditem = $scope.colors[0];

HTML选择＆＃34;已选择＆＃34;属性不起作用

2 个答案: