javascript - 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>