2017-08-29 103 views
0

我想在angular2中动态地将数据加载到bundle.js中。 这可能吗?如果是,那么如果没有,那么是否有其他选择。我要让我的路线安全所以,我需要这是路线的动态加载bundle.js中的动态路由

+0

你能延迟加载你的路线,编译器将它们拆成各个块。检查文档https://angular.io/guide/router#lazy-loading-route-configuration – shaN

+0

嗨感谢您的答复。 但我已经通过该链接,我认为它打包所有的模块和按需加载模块之一。 我的问题是,我不希望我的bundle.js有特定的模块,他们应该在运行时调用即动态加载特定模块 –

回答

0

您可以通过定义如下

{ 
    path: 'lazyLoad', 
    loadChildren: 'app/test.module#TestModule', 
    canLoad: [AuthGuard] 
} 

canLoad卫队控制它是否加载你的路由延迟加载的模块或不取决于AuthGuard服务的返回值。所有延迟加载的模块都捆绑到不同的块中,并在请求特定路由时进行加载。

不导入延迟加载模块中,你主要app.module

请检查documentation了解更多信息

+0

感谢您的答案,但问题仍然是,如果我们使代码构建准备好后,我们将得到一个dist文件夹,其中包和所有延迟加载路线也将可用。所以,通过使用检查元素,我们仍然可以找到所有的路线。 如果我错了,请纠正我。 我想要的只是一个包应该在那里,块只能根据需要取决于特定的标准,如用户角色和权限。 –

+0

尝试角度通用 – shaN