Angular 2 AsyncRoute questoin

Question

以下@RouteConfig中的两个RouteDefinition之间有什么区别？

@RouteConfig([

new AsyncRoute( {path:'/customer',
                loader: ()=> System.import('app/components/customer')
                .then(libModule => libModule.CustomerComponent),
                name: 'Customer'
}),
{path:'/order',
                loader: ()=> System.import('app/components/order')
                .then(libModule => libModule.OrderComponent),
                as: 'Order'
}
])

...最上层的（客户）是AsyncRoute的一个实例;另一个也是AsyncRoute的一个实例吗？

谢谢

Answer 1

当路由定义中存在loader属性时，Angular2会创建AsyncRoute，这是相同的。请参阅源代码中的这两行：

• AsyncRoute definition- https://github.com/angular/angular/blob/master/modules/angular2/src/router/route_config/route_config_normalizer.ts#L17
• 定义中的loader属性 - https://github.com/angular/angular/blob/master/modules/angular2/src/router/route_config/route_config_normalizer.ts#L41