2016-08-09 9 views
1
importieren

Angular2 rc.4 - rc.5angular2 programmgesteuert Komponenten aus Ressourcendateien

Können wir Komponenten programmgesteuert importieren?

zum Beispiel, wenn ich folgenden Import-Anweisungen habe ich wie folgt

import {HelloComponent} from './hello.component'; 
import {IncComponent} from './inc.component'; 

ist es möglich, importieren Komponenten zur Laufzeit mit system.import aus der Ressource-Datei zu konvertieren? jeder Vorschlag wird

geschätzt

Ich habe ein Array let Routen: RouterConfig = [];

let routeArr =[ 
    {path: 'hello', component:'HelloComponent', resource:'./hello.component'}, 
    {path:'inc', component:'IncComponent', resource:'./inc.component'} 
    ]; 
// injecting router object 
constructor(private router: Router){ 
} 
    // iterating routeArr and creating RouteConfig objects 
    routeArr.forEach((route : any) => { 

    // import components programmatically on run time ? 
    System.import(route.resource).then(

    m => { 
    // create route config object and add in routes object 
    routes.push({ 
    path: route.path 
    component: m[route.component] 
    }); 

    } 
    ) 

}); 
// load all routes which we just created 
router.resetConfig(routes); 
+0

genießen Wie können wir dies erreichen in App.Routing Eckige endgültige Version.? Könnten Sie bitte etwas mehr Informationen geben oder eine Probe teilen, die Ihnen hilft, besser zu lernen? – Karthick

Antwort

0

Überraschenderweise Code in den Fragen gearbeitet: D den Code verwenden und dynamische Routenhinzufügungen

Verwandte Themen