future-states-wireup.js

export let app = angular.module("app", ["ui.router", "ct.ui.router.extras"])
    .service("SystemLazyLoadService", SystemLazyLoadService)
    .config(["$stateProvider", "$urlRouterProvider", "$futureStateProvider", ($stateProvider, $urlRouterProvider, $futureStateProvider) => {
        $stateProvider.state('home', {
            url: "",
            template: template
        });

        $urlRouterProvider.otherwise("");

        $futureStateProvider.stateFactory("systemLazy", ["SystemLazyLoadService", "futureState", (loadService, futureState) => {
            return loadService.load(futureState.src, futureState.moduleExportKey);
        }]);

        // These are the lazy module (future state) declarations 
        addSystemLazyState($futureStateProvider, "contact", "/contact", "contact/module.js", "contact");
        addSystemLazyState($futureStateProvider, "about", "/about", "about/module.js", "about");
    }])

function addSystemLazyState($futureStateProvider, stateName, url, src, moduleExportKey) {
    $futureStateProvider.futureState({
        stateName: stateName,
        url: url,
        type: "systemLazy",
        src: src,
        moduleExportKey: moduleExportKey
    });
}