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

【问题标题】：Default option in select and happening http选择和发生 http 中的默认选项
【发布时间】：2017-06-29 00:25:21
【问题描述】：

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

【问题讨论】：

不要忘记接受答案，以便其他有相同疑问的人轻松获得正确答案。

标签： javascript angularjs node.js

【解决方案1】：

要选择默认选项，您需要在控制器加载为时为范围变量分配值

$scope.pageSize = "5";

现在，当您选择一个选项时，您可以简单地使用 AngularJS 的 ng-change 指令进行更改检测。像这样在 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);
}

【讨论】：

【解决方案2】：

您可以使用ng-selected 预先选择一个选项并使用 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>

【讨论】：