Javascript 选择并执行http中的默认选项
我有两个问题,我如何在选择默认选项?因为对于ng模型,他此时只显示空白: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&
<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);
}