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)

这是my-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

Bellow我将编写一个示例，解释如何使用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"];

Angular .config（）和run（）的ES6语法

2 个答案: