Angularjs 在“选择选项”上重复生成一个空白选项

给定此角度选择菜单：

<select
    ng-init="selectedItem = selecteditem || items[0]"
    ng-model="selectedItem">
    <option
    ng-repeat="item in items"
    ng-selected="item.id == selectedItem.id"
    ng-value="item.id">{{item.name}}</option>
</select>

---

我不知道如何摆脱它

要初始化下拉列表，只需将其添加到控制器中即可

$scope.items = [
    { id: 1, name: 'Foo' },
    { id: 2, name: 'Bar' }
];
$scope.selectedItem = $scope.items[0].id;

您的标记应该是：

<select ng-model="selectedItem" ng-options="item.id as item.name for item in items">
</select>

---

我们能看看你的控制器吗？添加了控制器来描述我知道我能做到。我只是好奇为什么使用repeat-on-option标签会产生一个空白标签。

$scope.selectedItem;
$scope.items = [
    { id: 1, name: 'Foo' },
    { id: 2, name: 'Bar' }
]

$scope.items = [
    { id: 1, name: 'Foo' },
    { id: 2, name: 'Bar' }
];
$scope.selectedItem = $scope.items[0].id;

<select ng-model="selectedItem" ng-options="item.id as item.name for item in items">
</select>