- c - 在位数组中找到第一个零
- linux - Unix 显示有关匹配两种模式之一的文件的信息
- 正则表达式替换多个文件
- linux - 隐藏来自 xtrace 的命令
我想延迟加载我的模块,但同时使用 canActivate 保护它。我试过:
{ path: 'dashboard/vendor', canActivate: AuthGuard, loadChildren: 'app/module/dashboard/vendor/vendor.module#VendorModule' }
请注意,我没有使用子节点,因为我使用 RouterModule.forChild 在 vendor-routing.module 中定义了供应商路由。
但它不起作用。有什么建议吗?
最佳答案
你应该使用 canLoad不能激活,所以如果条件不满足,它不会加载你的 LazyModule。
{ path: 'dashboard/vendor', canLoad: [AuthGuard], loadChildren: 'app/module/dashboard/vendor/vendor.module#VendorModule' }
关于angular - 如何在同一路由中添加 CanActivate 和 loadChildren,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46380482/
我正在使用 Angular 2 的最终版本,并看到了 loadChildren 的一个很棒的延迟加载功能。 一个简单的例子 export const routes: Routes = [ { pa
我需要有条件地加载路由路径。我在下面尝试过。但它给出了这个错误。你能告诉我如何完成这种任务吗? [ng] ERROR in Cannot read property 'loadChildren' of
在 Angular 应用程序中,我想确定要为指定路径加载哪个模块。这与延迟加载无关。这是关于动态路由配置/确定。 我有一个有 3 种访问权限的应用程序。每个访问都在他自己的模块中。在应用程序加载时,我
Angular in the docs说如下: { path: 'admin', loadChildren: 'app/admin/admin.module#AdminModule', },
我创建了两个关于路由的 loadChildren 和 outlet 导航问题的插件。出于某种原因,在加载的子模块中有一个空的基本路径不适用于导出导航。 在this例如,按“联系人”链接失败。 app-
我想像这样进行 3 级路由:pages>firSTLevel>secondlevel>thirdlevel 但是 loadchildren 不加载 secondlevel.module 的路由。 ur
谁能告诉我component、loadChildren、redirectTo之间的区别? export const ROUTES: Routes = [{ path: '', redirectT
我想延迟加载我的模块,但同时使用 canActivate 保护它。我试过: { path: 'dashboard/vendor', canActivate: AuthGuard, loadChildr
这个问题在这里已经有了答案: How to manually lazy load a module? (2 个答案) 关闭 5 年前。 有没有一种方法可以直接从html中的标签延迟加载组件,比如 ?
我刚刚注意到 Angular 8(即将发布)已弃用“字符串类型路由器 loadChildren”。 ( ticket ) 我是否理解正确,他们指的是...... const routes = [
这个问题在这里已经有了答案: Angular 8 - Lazy loading modules : Error TS1323: Dynamic import is only supported whe
我有一个带有路由器 socket 的根应用程序组件,并且路由是从主模块路由加载的,该路由在其子路由中使用带有 loadchildren 的延迟加载。家庭组件中有一个路由器 socket ,家庭的所有子
在下面的代码中,除了第一个示例中我们需要将 productsModule 导入到文件中之外,这两种延迟加载路由的方式有什么区别? { path: 'products', loadchildren: (
有时我想将关系定义为延迟加载,因为 90% 的时间我不想要子实体,但在某些情况下也有可能立即获得整个层次结构。我不想通过使用命名查询来实现这一点,因为当我转换为例如时父子层次结构很有用JSON 格式。
我正在尝试加载我购买的与 Angular4 一起使用的管理员,但是我在配置项目以使用 Webpack 运行时遇到了一些问题: const routes: Routes = [ { "path"
我正在尝试使用 Angular2 来延迟加载一些模块。我可以让它工作,但是当我将它与 canActivateChild 一起使用时,它会阻止导航但加载模块,我不知道我是否需要做任何其他事情,但我只想加
在我对 Angular 的探索中,我发现了两种在另一个模块中使用一个模块的可能方法。 (引用angular-express-starter project) 方法一:在 imports 数组中声明它。
我在 NPM 中有一个模块功能。我可以这样加载这个模块: import { NgModule } from '@angular/core'; import { Routes, RouterModule
我有这样的东西: const routes: Routes = [ { path: ':path', component: SiteRoot, children: [ { pa
这是鸣叫者。 https://plnkr.co/edit/tsNlmRth4mRzz0svGWLK?p=preview 我在其中创建了两个模块,每个模块包含两个组件和一项服务。我希望服务在模块级别应该
我是一名优秀的程序员,十分优秀!