Question

我有两件事有问题，如何选择默认选项？因为使用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，如果有人在select中选择了某个选项，立即发送请求

Answer 1

要选择默认选项，您需要在控制器加载为

时为范围变量赋值

$scope.pageSize = "5";

现在，当您选择一个选项时进行更改检测，您只需使用AngularJS的ng-change指令即可。像HTML一样在HTML中添加更改功能

<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>

在控制器功能中，您需要创建此功能，如

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

Answer 2

您可以使用ng-selected预先选择一个选项并使用 ng-change每次更改选项时调用函数

＆＃13;

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

＆＃13;

<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>

＆＃13;

选择和发生http中的默认选项

2 个答案: