【学亮IT手记】AngularJS增删改查服务请求+代码剥离封装抽取示例

//控制层 app.controller('typeTemplateController' ,function($scope,$controller,typeTemplateService,brandService){ $controller('baseController',{$scope:$scope});//继承//读取列表数据绑定到表单中 $scope.findAll=function(){typeTemplateService.findAll().success(function(response){$scope.list=response;} );} //分页$scope.findPage=function(page,rows){ typeTemplateService.findPage(page,rows).success(function(response){$scope.list=response.rows; $scope.paginationConf.totalItems=response.total;//更新总记录数} );}//查询实体 $scope.findOne=function(id){ typeTemplateService.findOne(id).success(function(response){$scope.entity= response; }); }//保存 $scope.save=function(){ var serviceObject;//服务层对象 if($scope.entity.id!=null){//如果有IDserviceObject=typeTemplateService.update( $scope.entity ); //修改 }else{serviceObject=typeTemplateService.add( $scope.entity );//增加 } serviceObject.success(function(response){if(response.success){//重新查询 $scope.reloadList();//重新加载}else{alert(response.message);}} ); }//批量删除 $scope.dele=function(){ //获取选中的复选框 typeTemplateService.dele( $scope.selectIds ).success(function(response){if(response.success){$scope.reloadList();//刷新列表$scope.selectIds=[];} } ); }$scope.searchEntity={};//定义搜索对象 //搜索$scope.search=function(page,rows){ typeTemplateService.search(page,rows,$scope.searchEntity).success(function(response){$scope.list=response.rows; $scope.paginationConf.totalItems=response.total;//更新总记录数} );}//定义关联品牌数据源//$scope.brandList = {data:[{id:1,text:'联想'},{id:2,text:'中兴'},{id:3,text:'华为'}]};$scope.brandList = {data:[]};//获取关联品牌下拉列表值$scope.findBrandList = function(){brandService.selectOptionList().success(function(response){$scope.brandList = {data:response};} );} });

总结

以上是生活随笔为你收集整理的【学亮IT手记】AngularJS增删改查服务请求+代码剥离封装抽取示例的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。