打开页面时预选的选择框的默认值

Question

我们说我有一系列颜色。

我想从该数组中创建一个选择框，以便默认情况下预先选择该数组中的第一个项目。

这是我尝试使用的代码，但它失败了：

<select ng-model="test" ng-init="colors[0]" ng-options="color for color in colors"></select>

默认情况下，这会给我空白选择框，只有当我选择某些内容时，值才会显示。

以下是plunker演示：http://plnkr.co/edit/Y0O61u49HBY9Evp7XrxI?p=preview

编辑：在我的实际代码中，我有很多从ng-repeat指令创建的选择框。解决方案（来自@Diryboy）在选择标记之外手动设置 scope.test 是不可取的。

Answer 1

将第23行更改为以下作品

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