Question

我尝试在角度2中实现路由器延迟加载，以便我可以执行类似

的操作

const routes: Routes = [
 { path: '', redirectTo: '/home', pathMatch: 'full',
 { path: 'about', loadChildren: './+about/about.module#AboutModule' }
];

需要设置如

webpack.config.js
loaders: [
{
    test: /\.ts$/,
    loaders: [
      ‘awesome-typescript-loader’, 
      ‘angular2-template-loader’, 
     ‘angular2-router-loader’]
    },
  ...
]

问题是我使用的是Visual Studio 2015 ASP.NET核心模板包，它在webpack.config.js中有完全不同的内容。如何设置延迟加载？

从长远来看，我是否应该使用ASP.NET Core Template Pack来开发angular 2应用程序？我不确定ASP.NET核心模板包是否适合我。感谢

Answer 1

事实证明这很简单

const routes: Routes = [
{
    path: 'hero', loadChildren: () => {
        return Promise.resolve(require('./components/hero/hero.module')['HeroModule']);
    } }

];

而不是

const routes: Routes = [
{  path: 'hero', loadChildren: './components/hero/hero.module#HeroModule' }
]

这个想法来自http://qiita.com/Quramy/items/e3e6d63a2b155aec2067

如何在Visual Studio 2015 ASP.NET核心模板包中使用Angular 2延迟加载

1 个答案: