anglarJs前端控制器的继承

继承就是将相关内容进行抽离,将公共部分进行分离,然后被其他模块继承就可以实现多用

例如抽离分页部分:

 //品牌控制层
app.controller('baseController' ,function($scope){    

    //重新加载列表 数据
    $scope.reloadList=function(){
        //切换页码
        $scope.search( $scope.paginationConf.currentPage, $scope.paginationConf.itemsPerPage);
    }

    //分页控件配置
    $scope.paginationConf = {
         currentPage: ,
         totalItems: ,
         itemsPerPage: ,
         perPageOptions: [, , , , ],
         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, );//删除
        }
    }

    $scope.jsonToString=function(jsonString,key){

        var json= JSON.parse(jsonString);
        var value="";

        for(var i=;i<json.length;i++){
            if(i>){
                value+=",";
            }
            value +=json[i][key];
        }

        return value;
    }

});    

这下面就是继承代码,是一种伪继承,通过scope来传递,就是让basecontoller的scope跟当前scope相等,可以进行参数传递

$controller('baseController',{$scope:$scope});//继承

要想执行还必须要注入服务:

app.controller('brandController' ,function($scope,$controller   ,brandService){