首页 > 解决方案 > 我的选择选项在 AngularJS 中更改为 null

问题描述

我不知道如何更改它,但是每当我使用我的选择选项时,它总是变为空。

这是我的 HTML 代码,

<select type="number" class="footer" id="chooser" 
        ng-change="selectchange(selectedPage)" 
        ng-model="selectedPage" min="1"
        ng-options="x for x in pages">
    <option value="" selected="false" hidden>
</select>

是否有任何原因将其更改为 null。因为当它发生变化时,它会向 Angular 发送另一个请求。

这里有什么问题,如何解决?

在此处输入图像描述 在此处输入图像描述

在此处输入图像描述

标签: htmlangularjs

解决方案


在 html 中使用它

<select class="footer" id="chooser" ng-change ="selectchange()" ng-model="selectedPage" ng-options="x in pages"></select>

在你的控制器中:

$scope.selectedPage = "1";
$scope.pages = [1, 2, 3, 4];
$scope.selectchange = function() {
  console.log("selectedPage changed to : ", $scope.selectedPage);
}

有关更多信息,请阅读https://docs.angularjs.org/api/ng/directive/select


推荐阅读