为什么要继承，本来是后端的概念，但是同样适用于前端开发。继承，无疑是将通用的东西抽取出来。
下面介绍的是angular的伪继承，就是说是通过继承scope这个变量来实现的。代码很简单，一行代码就可以。
注意：需要引入 $controller 这个服务。
代码如下：
baseController.js
//品牌控制层 app.controller(‘baseController‘ ,function($scope){ ???????????//重新加载列表 数据 ???$scope.reloadList=function(){ ???????//切换页码 ?????????$scope.search( $scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage); ??????????????} ???????//分页控件配置 ????$scope.paginationConf = { ????????currentPage: 1, ????????totalItems: 10, ????????itemsPerPage: 10, ????????perPageOptions: [10, 20, 30, 40, 50], ????????onChange: function(){ ????????????$scope.reloadList();//重新加载 ?????????} ???}; ????????$scope.selectIds=[];//选中的ID集合 ????//更新复选 ???$scope.updateSelection = function($event, id) { ???????????????if($event.target.checked){//如果是被选中,则增加到数组 ???????????$scope.selectIds.push( id); ???????????????????}else{ ???????????var idx = $scope.selectIds.indexOf(id); ???????????$scope.selectIds.splice(idx, 1);//删除 ????????} ???} ???????????$scope.jsonToString=function(jsonString,key){ ???????????????var json= JSON.parse(jsonString); ???????var value=""; ???????????????for(var i=0;i<json.length;i++){ ???????????if(i>0){ ???????????????value+=","; ???????????} ???????????????????????value +=json[i][key]; ???????????????????} ???????????????????????return value; ???} ???}); ???brandController.js
//控制层 app.controller(‘brandController‘ ,function($scope,$controller ??,brandService){ ???????????$controller(‘baseController‘,{$scope:$scope});//继承 ???????//读取列表数据绑定到表单中 ?????$scope.findAll=function(){ ???????brandService.findAll().success( ???????????function(response){ ???????????????$scope.list=response; ???????????} ???????????????????); ???} ???????????//分页 ???$scope.findPage=function(page,rows){ ???????????????????brandService.findPage(page,rows).success( ???????????function(response){ ???????????????$scope.list=response.rows; ???????????????????$scope.paginationConf.totalItems=response.total;//更新总记录数 ???????????} ???????????????????); ???} ???????//查询实体 ????$scope.findOne=function(id){ ???????????????????????brandService.findOne(id).success( ???????????function(response){ ???????????????$scope.entity= response; ???????????????????????????????} ???????); ???????????????????} ???????//保存 ????$scope.save=function(){ ???????????????????????var serviceObject;//服务层对象 ?????????????????????????if($scope.entity.id!=null){//如果有ID ???????????serviceObject=brandService.update( $scope.entity ); //修改 ?????????}else{ ???????????serviceObject=brandService.add( $scope.entity ?);//增加 ????????} ???????????????????????serviceObject.success( ???????????function(response){ ???????????????if(response.success){ ???????????????????//重新查询 ????????????????????$scope.reloadList();//重新加载 ???????????????}else{ ???????????????????alert(response.message); ???????????????} ???????????} ???????????????); ???????????????????} ????????????//批量删除 ????$scope.dele=function(){ ???????????????????//获取选中的复选框 ???????????????????brandService.dele( $scope.selectIds ).success( ???????????function(response){ ???????????????if(response.success){ ???????????????????$scope.reloadList();//刷新列表 ???????????????????$scope.selectIds=[]; ???????????????} ???????????????????????????????????} ???????????????); ???????????????????} ???????$scope.searchEntity={};//定义搜索对象 ????????//搜索 ???$scope.search=function(page,rows){ ???????????????????brandService.search(page,rows,$scope.searchEntity).success( ???????????function(response){ ???????????????$scope.list=response.rows; ???????????????????$scope.paginationConf.totalItems=response.total;//更新总记录数 ???????????} ???????????????????); ???} ???}); ???angularJs的继承
原文地址：https://www.cnblogs.com/coder-lzh/p/9080489.html