如何在选择 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);，意味着正在推动索引？。
请替换以下答案，如果这不是您想要的，请告诉我。

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