angular2 동적 경로 런타임 구성 요소 가져 오기

Question

각도 2 rc.4

경로 변수에 정의 된 동적 경로 JSON이 있습니다. 문제는 내가 components.I와 함께 가지고있어. 난 여전히 가져 오기 진술을 사용하여 모든 구성 요소를 가져올 필요가 실제로 그것을 동적 라우팅의 목적을 죽이는 그들을 사용하는 파일의 상단에있다.

AsyncRoute를 사용하는 System.import ('component_file_name')를 수행하려는 사람들이 이미 사용되지 않는 것과 같은 몇 가지 예를 보았습니다. 그것 좀 어떤 솔루션 제안이

이

import { Component } from '@angular/core'; 
import { ROUTER_DIRECTIVES, Router, RouterConfig } from '@angular/router'; 
import {IncComponent} from './inc.component'; 
import {AdditionComponent} from './addition.component'; 
import {RomanComponent} from './roman.component'; 
declare var System:any; 

import {AjaxRequestService} from './ajax.req.service'; 

@Component({ 
    selector: 'app', 
    templateUrl:'app/app.html', 
    providers: [ 
     AjaxRequestService, 
    ], 
    directives: [ROUTER_DIRECTIVES] 
}) 

export class AppComponent { 

    constructor(private router: Router){ 

    let routes: RouterConfig = [ 
      { 
       path: 'increment', 
       component: IncComponent 
      },{ 
       path: 'adder', 
       component: AdditionComponent 
      },{ 
       path: 'roman', 
       component: RomanComponent 
      } 

     ]; 

     router.resetConfig(routes); 
    } 

    title = 'Angular 2 Demo Applications'; 
} 

Answer 1

당신은

{ path: 'heroes', loadChildren: 'app/hero/hero.module' } 

참조처럼 loadChildren을 사용할 수 있습니다 미리 감사 스토퍼를 보여 또한 angular2 rc.4 layz routing

Answer 2

당신과 함께 공유 할 수 RC5 버전이 있습니다 http://plnkr.co/edit/18CZVF?p=preview

을

AppModule을 사용한 후에도 loadChildren은 여전히 ​​다음과 같습니다.

{ path: 'heroes', loadChildren: 'app/hero/hero.module' }