详解基于angular路由的requireJs按需加载js

//引入模块

varframeworkApp = angular.module('FrameworkApp',['ngRoute','utilModule']);

//加载对应的controller

varresolveController =function(names, dependancies) {

  //console.log(names)

  //console.log(dependancies)

  return{

    loadController: ['$q','$rootScope',function($q, $rootScope) {

      vardefer = $q.defer();

      require(names,function() {

        defer.resolve();

        $rootScope.$apply();

      });

      returndefer.promise;

    }]

  };

};

frameworkApp.config(['$routeProvider','$controllerProvider','$provide','$compileProvider','$filterProvider',

  function($routeProvider, $controllerProvider, $provide, $compileProvider, $filterProvider) {

    frameworkApp.register = {

      controller: $controllerProvider.register,

      factory: $provide.factory,

      service: $provide.service,

      filter: $filterProvider.register,

      directive: $compileProvider.directive

    };

    $routeProvider

      .when('/',{

        redirectTo:'/dashboard'

      })

      .when('/dashboard',{

        templateUrl:'dashboard.html',

        controller:'DashboardCtrl',

        resolve: resolveController(['standardDashboard','d3','radialProgress','highcharts'])

      })

      .when('/console',{

        templateUrl:'console.html',

        controller:'ConsoleCtrl',

        resolve: resolveController(['standardConsole'])

      })

      .when('/amountStatistic',{

        templateUrl:'amount-statistic.html',

        controller:'amountStatisticCtrl',

        resolve: resolveController(['standardAmountStatistic','highcharts','dateTimePicker'])

      })

      .when('/report',{

        templateUrl:'report.html',

        controller:'ReportCtrl',

        resolve: resolveController(['standardReport','dateTimePicker'])

      })

      .when('/advancedReport',{

        templateUrl:'advanced-report.html',

        controller:'advancedReportCtrl',

        resolve: resolveController(['standardAdvancedReport','highcharts','dateTimePicker'])

      })

      .when('/expertAnswer',{

        templateUrl:'expert-answer.html',

        controller:'expertAnswerCtrl',

        resolve: resolveController(['standardExpertAnswer'])

      })

      .when('/service',{

        templateUrl:'service.html',

        controller:'ServiceCtrl',

        resolve: resolveController(['standardService'])

      })

      .when('/strategy-inform',{

        templateUrl:'strategy-inform.html',

        controller:'StrategyInformCtrl',

        resolve: resolveController(['standardStrategyInform'])

      })

      .when('/member',{

        templateUrl:'member.html',

        controller:'MemberCtrl',

        resolve: resolveController(['standardMember'])

      })

      .when('/schedule',{

        templateUrl:'schedule.html',

        controller:'ScheduleCtrl',

        resolve: resolveController(['standardSchedule'])

      })

      .when('/channel',{

        templateUrl:'channel.html',

        controller:'ChannelCtrl',

        resolve: resolveController(['standardChannel'])

      })

      .when('/strategy-merge',{

        templateUrl:'strategy-merge.html',

        controller:'StrategyMergeCtrl',

        resolve: resolveController(['standardStrategyMerge'])

      })

      .when('/integrate',{

        templateUrl:'integrate.html',

        controller:'IntegrateCtrl',

        resolve: resolveController(['standardIntegrate'])

      })

      .when('/personalCenter',{

        templateUrl:'personal-center.html',

        controller:'PersonalCenterCtrl',

        resolve: resolveController(['standardPersonalCenter'])

      })

      .otherwise({

        redirectTo:'/error'

      });

  }]);