如何从angular2 rc5中的json文件动态创建路由和导入组件

import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';

// 导入需要动态创建路由和导入组件的组件
import { HomeComponent } from './home.component';
import { AboutComponent } from './about.component';

// 定义路由配置
const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

<router-outlet></router-outlet>

import { Component, OnInit, ViewChild, ViewContainerRef } from '@angular/core';
import { Router, ActivatedRoute } from '@angular/router';
import { ComponentFactoryResolver } from '@angular/core';

@Component({
  selector: 'app-dynamic-component',
  template: `
    <div #dynamicComponentContainer></div>
  `
})
export class DynamicComponent implements OnInit {
  @ViewChild('dynamicComponentContainer', { read: ViewContainerRef }) container: ViewContainerRef;

  constructor(private router: Router, private route: ActivatedRoute, private componentFactoryResolver: ComponentFactoryResolver) { }

  ngOnInit() {
    // 根据路由参数动态创建路由和导入组件
    this.route.params.subscribe(params => {
      const componentName = params['component']; // 从路由参数中获取组件名称

      // 根据组件名称动态导入组件
      import(`./${componentName}.component`).then(module => {
        const component = module[componentName]; // 获取导入的组件

        // 创建组件工厂
        const componentFactory = this.componentFactoryResolver.resolveComponentFactory(component);

        // 清空容器
        this.container.clear();

        // 创建组件实例并添加到容器中
        const componentRef = this.container.createComponent(componentFactory);
      });
    });
  }
}

const routes: Routes = [
  { path: 'dynamic/:component', component: DynamicComponent }
];