zoukankan      html  css  js  c++  java
  • anglarJs前端控制器的继承

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

    例如抽离分页部分:

     //品牌控制层 
    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;
        }
        
    });    

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

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

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

    app.controller('brandController' ,function($scope,$controller   ,brandService){
  • 相关阅读:
    hdu1203I NEED A OFFER!(01背包)
    poj3984迷宫问题(dfs+stack)
    hdu1422重温世界杯(动态规划,最长子序列)
    hdu1231最大连续子序列(动态规划)
    cf#514B. Forgery(暴力)
    uvaoj455Periodic Strings(枚举)
    uvaoj1225Digit Counting(暴力)
    uvaoj1586Molar mass(暴力)
    uvaoj1585Score(暴力)
    使用哈希值和&和2^n数组生成索引值的原理
  • 原文地址:https://www.cnblogs.com/xiufengchen/p/10369242.html
Copyright © 2011-2022 走看看