Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 选择并执行http中的默认选项_Javascript_Angularjs_Node.js - Fatal编程技术网

Javascript 选择并执行http中的默认选项

Javascript 选择并执行http中的默认选项,javascript,angularjs,node.js,Javascript,Angularjs,Node.js,我有两个问题,我如何在选择默认选项?因为对于ng模型,他此时只显示空白: <select class="form-control" ng-model="pageSize"> <option value="5" selected>5</option> <option value="10">10</option> <option value="25">25&

我有两个问题,我如何在选择默认选项?因为对于ng模型,他此时只显示空白:

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

5.
10
25
50
100

第二个问题是,如果有人在select中选择了某个选项,我如何在angular中进行事件更改,即立即发送请求

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

角度模块(“应用程序”,[]) .controller(“ctrl”,函数($scope){ $scope.sendReq=函数(页面大小){ console.log(页面大小) } })

5.
10
25
50
100

要选择默认选项,需要在控制器加载为时为范围变量赋值

$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);
}