Angular .config（）とrun（）のES6の構文

Question

私のアプリケーションをES6構文を使用するように変換しようとしています。私のメインモジュールには設定と呼び出しがあります。

私は私が何を教えてください

..

import * as angular from 'angular'; 
import {config,run} from './my-config'; 
import MyAppController from './my-app-controller'; 

module.exports = angular.module("my-app", []) 

    .config(config) 

    .run(run) 

    .controller('myAppController', MyAppController) 

にそれらを変更し、ここで私の-config.jsの

import MyService from './my-service'; 
export function config($compileProvider, $logProvider, localStorageServiceProvider,$stateProvider, $urlRouterProvider){ 

    console.log('.config() : START '); 
    $compileProvider.debugInfoEnabled(true); 

    $logProvider.debugEnabled(true); 

    localStorageServiceProvider.setPrefix('myapp'); 
    localStorageServiceProvider.setNotify(true, true); 

    $stateProvider.state('home', { 
     url: '/', 
     views: { 
      'main': { 
       controller: 'myAppCtrl', 
       templateUrl: 'app/home.tpl.html' 
      } 
     } 
    }); 
    // handle routes here 
    $urlRouterProvider.otherwise('/'); 
} 
config.$inject =['$compileProvider', '$logProvider', 'localStorageServiceProvider','$stateProvider', '$urlRouterProvider']; 



export function run(MyService) { 
    console.log('.run() : '); 
    MyService.start(); 
} 

run.$inject=['MyService']; 

され、設定、実行機能が呼び出さ取得されていません私は行方不明です

ありがとう

Answer 1

いくつかのことは私がお勧め：

import angular from 'angular'; 

export default angular 
    .module('app', [ 
    //list of your modules 
    ]) 
    .config(config) 
    .run(run) 
    .name; 

コンフィグは、我々が使用します。

export default function config(/* injectables here */) { 
    //Your code 
} 

実行して、私たちが使用します。

export default function run(/* injectables here */) { 
/* @ngInject */ 
//Your code 
} 

あなたは注射剤を使用しない場合があります、私たちが行うように、または使用/ * @ngInject */

Answer 2

ベロー私は例を書いて、ES6とAngularjsはConfigの構文です。

我々は、ブートストラップモジュールが命名したとする：mainので、私たちは、このモジュールに

main.js

import angular from 'angular'; 
import ngRoute from 'angular-route'; 
import MainRoute from './main.route';//import config rout whuch I added in //other js file 
    let mainModule = 
     angular.module('mainApp', [ 
       'ngRoute', 
       homeModule.name, 
      ] 

     ) 
     .config(MainRoute); 

    export default mainModule; 

main.route.js

export default function routeConfig($routeProvider) { 

      $routeProvider 
       .when('/', { 
        templateUrl: 'src/content.components/home/home.tpl.html', 
        controller: 'HomeController as vm' 
       }); 
     } 

    routeConfig.$inject = ["$routeProvider"];