在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,立即发送请求
为了使默认选项被选中,当控制器加载时,你需要为你的作用域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); }
您可以使用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>
- 如何在执行完所有testing用例之后closures浏览器,或者使用带有angularjs的selenium服务器的量angular器testing用例失败之后
- 套接字在服务器端代码节点内发射
- javascript错误TypeError:无法读取未定义的属性“后”
- AWS Cors问题 – Node.js
- 如何从angularjs传递一个条形标记到nodejs或修复错误nodejs后?
- AngularJS将数据从multipartForm指令丢失到路由
- 在“module”全局variables上运行grunt-typescript时,angular-mock和node.js发生冲突
- 在页面刷新上保存控制器状态
- 将私钥存储在静态的Angular站点上