wie angularjs Submodule in Typoskript zu importieren

Question

ich versuche, Struktur von angularjs (eckig 1.) Projekt mit Typoskript zu bauen. Ich verwende Webpack, um Typoskript & ES6 zu Javascript zu kompilieren.

In meinem Projekt konfiguriert i webpack nur die „app.ts“ Datei und alle anderen Dateien in mit „Import“ Syntax enthalten zu kompilieren:

import { config } from './config';///<--HERE 
    module angularSeed { 
    'use strict'; 

     // Declare app level module which depends on views, and components 
     angular.module('myApp', [ 
     'ngRoute', 
     'myApp.view1', 
     'myApp.view2', 
     'myApp.version' 
     ]).config(config)//<-- using imported config.ts 

    } 

ich mein Projekt wollen aufgeteilt in Winkel Submodule werden und in Hauptmodul wie folgt enthalten:

angular.module('mainApp',['myApp.version','myApp.view1','myApp.view2']) 

ist die Frage: Wie exportiert man die Submodule?

Der einzige Weg, die ich bisher gefunden ist, die Modul-Definitionsdateien als Klasse zu definieren:

class view1 { 
    constructor(){ 
    angular.module('myApp.view1', ['ngRoute']) 

    .config(['$routeProvider', ($routeProvider: angular.route.IRouteProvider) => { 
     $routeProvider.when('/view1', { 
     templateUrl: 'view1/view1.html', 
     controller: 'View1Ctrl' 
     }); 
    }]) 

    .controller('View1Ctrl', [() => { 

    }]); 
    } 

} 
export default view1; 

und in der Hauptdatei - „neu“ für Feuer des Konstruktor zu verwenden:

import { config } from './config'; 
import view2 from './view2/view2'; 
import view1 from './view1/view1'; 
import version from './components/version/version'; 
module angularSeed { 
'use strict'; 
    new view2();///<-- HERE 
    new view1(); 
    new version(); 
    // Declare app level module which depends on views, and components 
    angular.module('myApp', [ 
    'ngRoute', 
    'myApp.view1', 
    'myApp.view2', 
    'myApp.version' 
    ]).config(config) 


} 

Ich habe das Gefühl, es gibt einen genaueren Weg. Bin ich richtig?

Dank

Answer 1

ich die Antwort gefunden Suche here

Sie Erklärung Logik verlassen kann, wie es

angular.module('myApp.view1', ['ngRoute']) 

.config(['$routeProvider', ($routeProvider: angular.route.IRouteProvider) => { 
    $routeProvider.when('/view1', { 
    templateUrl: 'view1/view1.html', 
    controller: 'View1Ctrl' 
    }); 
}]) 

.controller('View1Ctrl', [() => { 

}]); 

ist und es mit einfach zu importieren:

import './view1/view1'; 

Syntax