如何在选择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模型是这样的，在我选择一个选项后，该值将重置为默认空白，即为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);