Angular 删除空选项

Question

我在遍历数组时遇到空选项问题。这是代码。

查看：

<select  ng-model="getseason" class="form-control">
    <option  ng-repeat="season in seasons"  value="{{ season }}">
        Season {{ season + '/' + seasonaddone(season) }}
    </option>
</select>

型号：

$scope.getseason={};

$scope.seasons = [2014,2013,2012,2011,2010,2009,2008,2007,2006,2005];

$scope.getseason = $scope.seasons[0];

$scope.seasonaddone = function(season){
    return ++season;
}

$scope.$watch('getseason',function(){
    console.log($scope.getseason);
    console.log(typeof $scope.getseason);
});

如何删除空选项？我发现很多类似的问题，但我找不到解决方案。

Answer 1

尝试使用 ngOptions 而不是 ngRepeat

像这样尝试

<select  ng-model="getseason" class="form-control" ng-options="season  as 'Season '+ season + '/' + seasonaddone(season)  for season in seasons">
</select>

Angular 删除空选项

Angular empty option remove

javascript

angularjs

angularjs-directive

angularjs-ng-repeat

angular-ngmodel