在select和发生http的默认选项

我有两个问题，我怎么能在select默认选项？ 因为用ng-model，他此刻只显示空白：

<select class="form-control" ng-model="pageSize"> <option value="5" selected>5</option> <option value="10">10</option> <option value="25">25</option> <option value="50">50</option> <option value="100">100</option> </select> 

第二个问题是，我怎么能使事件onChange在angular度上，如果有人select一些selectselect，立即发送请求

Answer 1

为了使默认选项被选中，当控制器加载时，你需要为你的作用域variables赋值

 $scope.pageSize = "5"; 

现在，当您select一个选项时，您可以简单地使用AngularJS的ng-change指令进行变化检测。 像这样在HTML中添加更改function

 <select class="form-control" ng-model="pageSize" ng-change='optionChanged()'> <option value="5" selected>5</option> <option value="10">10</option> <option value="25">25</option> <option value="50">50</option> <option value="100">100</option> </select> 

而在控制器function，你需要创build这个function

 $scope.optionChanged = function(){ console.log($scope.pageSize); } 

Answer 2

您可以使用ng-selected来预先select一个选项，并在每次ng-change选项时使用ng-change来调用一个函数

 angular.module("app",[]) .controller("ctrl",function($scope){ $scope.sendReq = function(pageSize){ console.log(pageSize) } }) 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="app" ng-controller="ctrl"> <select class="form-control" ng-model="pageSize" ng-change="sendReq(pageSize)"> <option value="5" ng-selected="true">5</option> <option value="10">10</option> <option value="25">25</option> <option value="50">50</option> <option value="100">100</option> </select> </div>