如果动态选项的数量为 1，则从 ng-option 中删除默认静态选项

Question

如果对象只有一个选项 - fiddle，我只需要从下拉列表中删除<option value="">select any item ----</option>选项。

.HTML

<div ng-controller="TestController">
<select ng-model="sel" ng-options="d as d.name for d in data" >
<option value="">select any item ----</option>
</select>
</div>

AngularJS应用程序

var myApp = angular.module('myApp', [])
.controller('TestController', ['$scope', function ($scope) {
$scope.data = [
{name: 'test1', id: 1},
{name: 'test2', id: 2},
{name: 'test3', id: 3}
];
$scope.sel = '';
}]);  

Answer 1

禁用选项按钮

<option disabled selected value=''>select any item ----</option>

Answer 2

只需使用ng-if，就像在这个例子中一样小提琴。

视图

<div ng-controller="TestController">
<select ng-model="sel" ng-options="d as d.name for d in data" >
<option value="" ng-if="data.length > 1">select any item ----</option>
</select>
</div>

AngularJS应用程序

var myApp = angular.module('myApp', [])
.controller('TestController', ['$scope', function ($scope) {
$scope.data = [
{name: 'test1', id: 1},
{name: 'test2', id: 2},
{name: 'test3', id: 3}
];
$scope.sel = '';
}]);