如何使用多 module

返回导航

#737

随着代码规模变大，你会尝试对首页加载优化，这时就会遇到将主模块拆分到子模块中的问题。为了实现这个功能，你首先需要定一个模块。 (例如 app/splash/):

import SplashController from './splash.controller';
import router from './splash.routes';

export default angular.module('client.splash', [
    'ngAnimate',
    'ngTouch',
    'ngSanitize',
    'ui.router',
])
    .config(router)
    .controller('SplashController', SplashController)
;

其中与主模块不同的是export default关键字，是的，你需要在主模块中引入这个子模块。

import constants from './components/constants/env.constant';
import indexConfig from './index.config';
import routerConfig from './index.route';
import runBlock from './index.run';

// Modules
import './splash';
// ... etc

angular.module('client', [
    'ngAnimate',
    'ngTouch',
    'ngSanitize',
    'ui.router',
    'angularMoment',
    'client.splash',
    // .... etc
])
    .config(indexConfig)
    .constant('ENV', constants.ENV)
    .config(routerConfig)
    .run(runBlock)
;

返回导航