如何在选择AngularJS中禁用空白选项？

Question

我知道之前曾有人问过这个问题，但是所有答案都无法满足我的要求。

我有一段代码

<select ng-change ="loadHomePage()" ng-model="selectedPage" ng-options="x for x in pages"></select>

我的JavaScript看起来像这样，

for (var i = 1; i<=response.data.pages; i++)
{
    $scope.pages.push(i);
}

我的问题是，每次我运行此代码时，它都会给我一个空白选项。 好的，我可以从视图中禁用它，

<option value="" hidden>

但是我的ng-model是这样的，当我选择一个选项后，该值将重置为默认的空白值，即null。

我想选择我选择的选项，并将ng-model设置为该值。 因此，这对我没有任何价值。

我以为我可以在这里引入另一个变量，该变量可以存储selectedPage的值，因此所选页面的值是否更改并不重要，但是如果有人可以告诉我是否有直接方法，那就太好了。

Answer 1

首先要说的是尝试使用angular.forEach并避免for循环。 也不要$scope.pages.push(i);你的逻辑$scope.pages.push(i); ，是在推索引吗？
请替换下面的答案，并让我知道这是否不是您想要的。

angular.forEach(response.data.pages, function(value, key) {
  if(value != ''){
      $scope.pages.push(value);
  }
}, $scope);