子路由在延迟加载中不起作用
是因为延迟加载是一种优化技术，它允许应用程序在需要时才加载特定的模块或组件，以减少初始加载时间和资源占用。然而，子路由的作用是定义子模块的路由规则，以便在父模块中加载子模块时能够正确导航到子模块的组件。
在延迟加载中，子模块的代码是在需要时才加载的，而不是在应用程序初始化时加载。这意味着在父模块加载时，子模块的路由规则还没有被定义，因此子路由无法起作用。
解决这个问题的一种方法是使用预加载策略，即在父模块加载时同时加载子模块的代码。这样子模块的路由规则就可以被正确定义，子路由也能正常起作用。另一种方法是在子模块的路由配置中使用懒加载策略，即在需要时才加载子模块的代码，但同时确保在父模块加载时已经加载了子模块的路由规则。
对于延迟加载中不起作用的子路由问题，可以考虑以下解决方案：
- 使用预加载策略：在父模块加载时同时加载子模块的代码，确保子模块的路由规则被正确定义。
- 使用懒加载策略：在子模块的路由配置中使用懒加载策略，但同时确保在父模块加载时已经加载了子模块的路由规则。
- 检查路由配置：确保子模块的路由配置正确无误，包括路径、组件等信息。
- 检查模块依赖：确保子模块的依赖模块已经正确加载，否则可能导致子路由无法起作用。
- 更新框架版本：如果使用的是特定框架或库，可以尝试更新到最新版本，以修复可能存在的子路由延迟加载问题。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/cdb
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云网络安全（SSL证书、DDoS防护等）：https://cloud.tencent.com/product/ddos
相关·内容
1回答
我正在尝试用角度2来延迟加载模块。
我有两个模块
AppModule (主模块)
ProductModule (延迟加载模块)
AppModule.ts
@NgModule({
imports: [
BrowserModule,
HttpModule,
RouterModule.forRoot([
{ path: 'welcome', component: WelcomeComponent },
{ path: '', redirectTo:
浏览 6提问于2017-06-27得票数 2
回答已采纳
我在试着让我的角度路线变懒。我已经在另一个应用程序中获得了一个工作版本，据我所知，它是以相同的方式实现的--但是它根本不起作用。没有错误，只有一个空的<router-outlet>。
这是我的app.module.ts。SharedModule和EntityViewsModule包含共享组件：
@NgModule({
declarations: [
AppComponent,
],
imports: [
BrowserModule,
BrowserAnimationsModule,
SharedModule,
EntityView
浏览 2提问于2017-04-21得票数 1
回答已采纳
1回答
我正在开发一个角度应用程序，它有3个模块，根模块、auth模块和仪表板模块。在我的根模块路由文件中，我使用load子方法加载auth和仪表板模块，但是当用户登录时，仪表板模块几乎总是首先加载，所以我不想延迟加载仪表板模块。
我搜索了一天，并寻找一个解决方案，我在角文档中寻找一种正常加载模块的方法，但是我发现的唯一问题是问题，这个问题的答案在aot编译生产模式中是行不通的，我得到了这个错误
错误:未加载运行时编译器
那么，我如何正常地以角度加载仪表板模块呢？
浏览 3提问于2019-11-16得票数 0
回答已采纳
我有一个模块，它包含两个组件(UserAppsComponent和UserAppComponent)，我想加载模块延迟。
根模块代码：
在我的根路由器中有：
const routes: Routes = [
{ path: '', redirectTo: '/Dashboard', pathMatch: 'full' },
{ path: 'Dashboard', component: UserDashboardComponent },
{ path: 'UserApps', loadChildren
浏览 2提问于2017-06-26得票数 0
回答已采纳
我有一个路由/组件，它需要一个路由参数，并且有一个命名的出口。我想延迟加载一个模块并激活这个路由。以下是我的路线：
剖面模块(子模块)路由：
const routes: Routes = [
{
path: ':id', component: ProfileComponent
children: [
{ path: 'list/:id', component: ListComponent, outlet: 'sidebar' },
{ path: 'risk/:id', component: RiskCompo
浏览 1提问于2019-07-29得票数 0
回答已采纳
在我的角2应用程序中，我试图再现这个导航结构：
我在我的根应用程序组件中有一个大的路由器插座，我在里面加载我的营销网站，或者当用户登录时我的应用程序。因此，一旦用户登录到MyComponent (以栗色表示)，就会被加载到红色路由器出口中，并且它有一个导航条(MyHeader，黑色和灰色)，以及它自己的路由器出口(蓝色)。当我在导航栏中单击Home时，它会将仪表板组件加载到蓝色路由器插座中，一切看起来都很好。但是，当我单击“福利”链接时，我希望它将BenefitsComponent (橙色和黄色)从BenefitsModule加载到蓝色的路由器插座。但是，它似乎将其加载到红色路由器-
浏览 1提问于2016-11-28得票数 3
回答已采纳
3回答
我无法让延迟加载模块的路由工作。请看一下这个，它是来自的一个副本，有一些更改。
首先，延迟加载本身似乎工作正常。
如果我单击"orders“按钮，模块将被加载(惰性)，并显示正确的组件(OrdersComponent)。
但是，单击"Orders子“也会显示orders组件(而不是OrdersComponent2)
当我在子路由配置中不注释pathMatch: 'full'时，我将得到子路由的错误Error: Cannot match any routes. URL Segment: 'orders/child'
我在这里
浏览 5提问于2021-05-03得票数 1
回答已采纳
2回答
如何在主干线上装载新线路
、、、
目前我对角质还不熟悉。我正在学习路由主题，但似乎停留在我想要在主路由中加载新路由的点上。我的app.module看起来就像
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import {HttpModule} from '@angular/http';
import {
浏览 8提问于2017-09-02得票数 0
回答已采纳
2回答
预加载和方法类型注入
、、、
我有一条路由，它只显示了一些形式：
Route::get('/form/{form}', 'FormController@show');
在FormController中，由于类型注入，我自动将表单id (从{form})转换为App\Form对象，并将其显示在视图中：
public function show(Form $form){
return view('form', compact('form'));
}
当我通过能言善辩的查询构建器获得一个Form对象时，我可以像这样快速加载相关的元素/模型：
$form =
浏览 1提问于2016-12-23得票数 1
我有一个有子路径的主路由，这些子路径是延迟加载的模块，在每个延迟加载的模块中，我也为它们提供了单独的路由。我遇到的问题是，当我保护主路由以防止多次加载它调用的子路由时
主路由代码
export const PROVIDER_ROUTES: Route = {
path: 'provider',
component: ProviderComponent,
canActivateChild:[AuthGuard],
children: [
{ path: '', redirectTo: 'courses'
浏览 0提问于2017-10-11得票数 1
1回答
我正在尝试实现模块的延迟加载。这个模块有许多子路由，具有唯一的出口名。当我试图去参观路线时，这似乎行不通。
从我保存的这个例子中可以看出：
你可以看到我把孩子的路线设置为
{ path: 'list', component: HeroListComponent, outlet: 'abc' },
在hero-routing.module.ts中
和路由器出口到：
在hero.component.ts中
当我在本地运行它时，我应该能够访问localhost:3000/英雄/(abc:list)，但它似乎不起作用。
注意:您可以在本地运行柱塞示例
浏览 1提问于2017-06-08得票数 0
阅读角的官方文档
当角路由器延迟加载一个模块时，它会创建一个新的注入器.此注入器是根应用程序注入器的子节点。路由器将根注入器中的所有提供者添加到子注入器中。当路由器在延迟加载的上下文中创建组件时，角选择从这些提供者创建的服务实例，而不是应用程序根注入器的服务实例。
在此基础上，我创建了一个小型应用程序，其中有一个在app的根组件中提供的服务。此服务具有一个属性，该属性绑定到延迟加载的组件和急切加载的组件。我期待的是，急切加载的组件应该使用来自旧注入器的服务实例。因此，不应在延迟加载组件中反映热切加载组件对服务属性的任何更改。延迟加载的组件应该使用来自子注入器的新服务实例。但这种事不会发
浏览 0提问于2018-10-04得票数 4
回答已采纳
我甚至不知道该怎么说出我遇到的问题。我也想避免使用次要路线。我一直在尝试创建类似于角应用程序中的两步路由。
理论上，这应该是嵌套路由。但我认为假设是，如果使用无组件路由，那么子路由将被路由到父端口，这是不起作用的。在每个特性路由中使用相同的组件是解决方案2，我希望在这两者之间有一些东西，这对于所有的无组件子路由来说都是相同的‘包装’。
外路由
外部路由器有2条路由：
/login：显示登录组件
其他的东西都应该包装在一个应用程序外壳中。app shell是一个组件，它有一个侧边栏、一个导航条和一个路由器出口，所有的实际内容都应该放在其中。
内部路由
应用程序有多个功能模块，理想
浏览 2提问于2018-03-02得票数 1
回答已采纳
1回答
我正在尝试修改延迟加载的功能模块中的路由，但没有成功。我尝试了几种方法，包括router.reset(newRoutes)，但似乎都不起作用。(角度9) export class FeatureModule {
static forRoot(routes?: Routes) {
return {
ngModule: FeatureModule,
providers: [
RouterModule.forChild(routes).providers // option 1
// provideRoutes(routes),
浏览 33提问于2021-03-20得票数 0
2回答
我有一个模块，里面有我的应用的路由。其中一个路径就是延迟加载模块。
问题是这个延迟加载模块有一个对子组件的路由。但在我的路由器配置中，这些路由不会出现...因此，当我调用lazy模块时，不会在屏幕上显示任何内容。
以下是我的路由器配置(主模块)：
export const MODULE_ROUTES: Route[] =[
{ path: '', redirectTo: 'dashboard', pathMatch: 'full' },
{ path: 'dashboard', component: HomeCom
浏览 2提问于2017-06-05得票数 5
回答已采纳
3回答
如所示，我正在尝试实现一个非常简单的路由，其中包括延迟加载模块。当我点击“链接”时，它似乎不起作用。我希望看到“学生页面”这个词出现，但这并没有发生。
请注意，我希望解决方案涉及到导入api (延迟加载模块的更新语法)的使用
浏览 66提问于2020-02-14得票数 0
回答已采纳
你好，我正在尝试懒加载一个“详细模块”，同时也通过URL发送参数。
下面是我的延迟加载路由：
{
path: 'venue/:name/:id',
loadChildren: () => System.import('../containers/activity-detail/activity-detail.module').then((file: any) => {
return file.default;
})
},
我想路由到这个'activity-detail.module‘，然后使用"
浏览 0提问于2017-10-25得票数 9
回答已采纳
我创建并成功地成功地加载了LazyAComponent组件。
我不必在LazyAComponent中声明app.module。完美！
但是，如果我将组件HelloComponent放置在LazyAComponent上，则会得到错误'hello' is not a known element
我能够通过在LazyAComponent中声明app.module来解决这个错误。
但是，如果我必须声明组件才能完成这项工作，那么延迟加载组件就没有任何价值了！？
我少了什么？
编辑1：为了清晰起见，这是一个大得多的项目的一部分，在这个项目中，我试图根据路由参数来延迟加载组件。Stackbl
浏览 0提问于2021-02-11得票数 0
回答已采纳
我的应用程序组件中有两个路由器插座组件。如何才能成功延迟加载作为辅助路由器出口的嵌套路由？ 我在MerchandiseListComponent中有以下路由，这个组件加载得很好： const routes: Routes = [
{
path: "",
component: MerchandiseListComponent,
data: { animation: "MerchandiseListPage" },
children: [
{
p
浏览 13提问于2019-05-13得票数 0
1回答
我在做一个6角的应用程序。目前我还在纠结于路由问题。我很感兴趣，不管我的结构，我想象的东西能不能工作。看起来是这样的：
App模块-包含一些父路由的主路由，其中布局是定义的。如下所示：
const routes: Routes = [
{
path: 'login',
component: LoginComponent
},
{
path: '',
component: LayoutComponent,
canActivate: [AuthGuard],
canActivateChild: [AuthGuard],
浏览 0提问于2018-07-26得票数 2
回答已采纳
我有一个用于加载路由的angular配置。
app.config(["$stateProvider", "$urlRouterProvider",
function ($stateProvider, $urlRouterProvider) {
var states = [
{
name: "login",
config: {
url: "/login",
浏览 0提问于2017-07-14得票数 1
我正在尝试在Ember.js应用程序中实现延迟加载。理想情况下，我更希望每个模块的所有相关代码，包括任何控制器和路由定义，都放在一个独立的.js文件中，该文件可以延迟加载。
现在，当我转换到路由时，js文件可以正确加载，但是因为Ember隐式生成路由定义，所以使用隐式生成的路由对象，而不是延迟加载的js文件中的路由。
在我的延迟加载的js文件中，我有一个应该链接到users.manager路由的路由App.UsersManagerRoute。在Ember Inspector中，我可以看到正在使用隐式生成的路由，即使在我加载了js文件之后也是如此。
为了解决这个问题，我尝试在加载js文件后手动注
浏览 0提问于2014-12-21得票数 0
我正在从事一个项目，这是目前的角度RC5和材料设计最新。并不是说最后一部分是相关的。
由于显而易见的原因，我开始创建单独的模块，而不是将所有内容都放在主模块中。但是，我需要有供应商，这是在所有模块共享。F/E我有一个服务，它完成到我们后端系统的最终连接。不同模块的Url等设置在不同的提供程序上。所有这些服务目前也是一个单独的git项目的一部分，因为我也在我们的iOnic应用程序和其他前端中使用它们。
那么我该如何让这个服务在我为我的项目创建的所有模块中共享它的实例呢？
此外，我想创建一个仪表板，显示“窗口小部件”从当前安装/可用模块。这也取决于用户可以明显地看到什么。Java中的模拟构造将通过
浏览 8提问于2016-08-19得票数 2
回答已采纳
有没有简单的方法可以让我在Ember 2中测试加载子状态
我试过了，但不起作用。在始发路由中，我有：
actions: {
willTransition(transition) {
this.sleep(5000);
}
},
sleep(time) {
return new RSVP.Promise((resolve) => setTimeout(resolve, time));
}
浏览 0提问于2016-10-19得票数 1
我正在开发一个使用角9的多模块应用程序，这是我的主要应用程序路由模块.
这里是AppRoutingModule，它加载懒惰的DemoModule。
const routes: Routes = [
{
path: '',
component: AdminLayoutComponent,
canActivate: [SecGuard],
children: [
{
path: 'demo',
loadChildren: () => import('demo').the
浏览 3提问于2021-03-25得票数 1
回答已采纳
在我的应用程序中，我尝试使用以下简单的结构：
/
/home
/admin
/setup
/other
我让路由器使用模块和延迟加载。因此，我的应用程序的管理员页(/admin)控制对用于设置应用程序的子页面的访问。最终，Admin路由(/admin)将被路由保护，但现在我只是构建空模板和一些简单的路由测试。一切都在起作用。错误地址被捕获，丢失地址路由到/，等等。
我的问题是保护我的地址，这样人们就不能绕过应用程序的真正路线，到达他们不应该看到的页面。去/setup而不是/admin/setup。
为了保持自我控制，我不想依赖于所有子模块上的路由保护，而只是在一个被保护的页面下
浏览 2提问于2019-09-03得票数 0
回答已采纳
1回答
我正在尝试创建一个服务，它使用路由器配置来创建基于组件的路由映射。当您不使用延迟加载的模块路由时，它工作得很好。
但是我不知道如何从延迟加载的模块中获取路由。在路由对象中，只有loadChildren字符串，仅此而已。我深入研究了angular2的内部机制，它在内部使用RouterConfigLoader加载延迟加载的路由。但它不是从RoutingModule导出的，所以我认为不应该从外部使用它。
有没有什么公共API可以帮我解决这个问题？
谢谢
浏览 0提问于2016-11-15得票数 3
2回答
我就是找不到这个问题的答案。我正在使用导航栏创建一个简单的主页，但我将导航栏添加为共享组件，这样我就可以在其他组件中重用它。
问题是，当我尝试使用导航栏延迟加载新的路由时，导航栏无法加载该路由。
这是我的代码：
Ng --版本：
Angular CLI: 8.2.2
Node: 10.13.0
OS: win32 x64
Angular: 8.2.8
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynami
浏览 22提问于2019-10-25得票数 1
回答已采纳
2回答
懒惰加载辅助路由
、、、
在这个场景中，我有一个有3个路由的主页面(每个延迟加载的主页面的子节点)。
在这里，辅助组件具有一个主插座和其他辅助as
<router-outlet name="auxone"></router-outlet>
下面是我的mainpage.route文件的外观
现在，我的辅助路由加载得很好，并且我无法在主出口中路由任何问题。但是一旦我尝试在辅助插座中加载一个路由，就像这样
尝试使用导航(&T)
(Aux路由有一个子路由作为自己的子路由，而我正在尝试加载另一个路由作为同一aux的另一个子路由)我收到错误：
Uncaug
浏览 1提问于2017-01-11得票数 1
我使用一个名为blazy的js，当我向下滚动到它时，图像会加载。图像显示在show速度测试中，如果延迟加载对图像有效，那么它是否应该显示在速度测试树中？
浏览 4提问于2016-05-09得票数 6
1回答
我想为我的应用程序实现一个功能:我想在后端存储应用程序的一些模块，并在页面加载之前根据用户的需求动态加载它们。例如，用户想要使用一个工具包，而不想使用第二个工具包，因此只加载并连接第一个工具包。我正在为实现这一点而苦苦挣扎。Angular 2 Docs中的延迟加载示例使用了延迟加载模块的路由，这非常不方便，我不知道如何将其演变为从数据库加载模块。其他示例涉及entry组件，但它们似乎已被弃用，自然，并不是我的所有模块都有组件。有没有人能建议一种合适的方法来从后端手动加载和连接模块？
有关更多信息，我有一个表示该工具的服务，该服务有一个属性，该属性保存该工具组件的类，如下所示：
export c
浏览 22提问于2021-06-07得票数 0
如果延迟加载模块从另一个延迟加载模块调用服务，会发生什么情况？对网站的表现有什么影响？
浏览 2提问于2020-10-07得票数 0
回答已采纳
我有一个Angular应用程序，我试图用它来延迟加载模块。在功能模块的路由器模块中定义的组件是加载到自己的路由器插座中，还是加载到父模块的路由器插座中？
浏览 6提问于2017-08-21得票数 1
回答已采纳
我搞不懂这个路由到底出了什么问题...
app.module.routing：
...
{
path: 'path1',
canActivate: [Path1Guard],
loadChildren: './path1/path1.module#Path1Module',
},
path1.routing.module：
const path1Routes: Routes = [
{
path: '',
component: AuthenticatedLayoutComponent,
浏览 7提问于2018-03-04得票数 7
2回答
嗨，我的样品中使用的是惰性加载。
export const appRoutes: Routes = [
{ path: 'comp1', loadChildren: 'app/components/comp1/comp1.module#comp1Module' },
{ path: 'comp2', loadChildren: 'app/components/comp2/comp2.module#comp2Module' },
. . .
]
分路线以下的comp1Module
export const comp
浏览 1提问于2017-05-11得票数 4
回答已采纳
我正在制作一个angular2应用程序，但所有路由组件都是在启动时加载的。我读过关于路由的延迟加载，将它们转换为功能并拥有单独的ngmodule。但是，如果没有单独的ngmodule，我们如何做到这一点，以及如何防止路由组件在启动时加载。
浏览 4提问于2016-08-23得票数 0
1回答
我正在处理ng2 (最新路由器)的组件延迟加载。我从AsyncRoute (从旧的路径)切换过来，现在我正在尝试返回这个功能。
我成功地通过loadChildren实现了延迟加载，就像在官方文档中一样，对于一些具有路由配置和一些childs的小组件。
但是，当我试图延迟加载没有任何路由的组件时，我得到了一个错误。
那么，是否有可能延迟加载没有自己路由的组件呢？我对任何帮助都很合适。谢谢!
浏览 0提问于2016-10-20得票数 3
我刚刚开始学习angular4，我对在angular4中学习延迟加载的概念有点好奇。我一直在阅读文章，并了解了一些关于延迟加载的知识，但我的问题是，在本文中，我已经提到，懒惰模块中只有一个组件，如果我想要在延迟加载模块中有多个组件，那么我如何在延迟加载模块的路由配置中声明这一点。当前，延迟加载的路由配置是
路由:路由={ path：''，组件: LazyComponent }；
如果我想要另一个组件，那么我的路由配置将如何？
浏览 1提问于2017-12-27得票数 0
1回答
在app.routing.ts中，我添加了一个带有参数的路由
{
path: 'manager-branch/:id',
loadChildren: './components/manager/manager-branch/manager-branch.module#ManagerBranchModule'
}
如果通过应用程序浏览到它，一切都会很好，但是如果我在该组件上刷新页面，我的应用程序根url将是错误的，页面将无法加载。
例如，我的应用程序根url是。
如果我在没有路由参数的任何其他组件上刷新我的页面，它就会正常工作。
如果在上刷
浏览 5提问于2017-11-27得票数 0
回答已采纳
3回答
我正在创建一个仪表板应用程序，到目前为止，我已经有了两个延迟加载的模块AuthModule和AdminModule我的app-routing-module.ts看起来像这样
const routes: Routes = [
{
path: '',
loadChildren: './auth/auth.module#AuthModule'
},
{
path: 'admin',
loadChildren: './admin/admin.module#AdminModule
浏览 5提问于2018-07-14得票数 3
1回答
好吧，我对Meteor和整个编程来说都是新手，我有一个简单的最佳实践问题。
我使用的是铁路由器，并一直使用它订阅不同的路径。我试图尽可能精简，并且只订阅我需要使用waitOn()的集合。但是今天下午看了一些书后，似乎有点过分了。
什么是您应该订阅集合的最佳实践？
我的猜测是，如果您在多个页面上使用了一个集合，则在开始时加载整个集合。然后，只加载你偶尔只需要的东西，然后通过铁路由器的waitOn。此外，在开始加载集合时，测试是否会导致加载时间问题的最佳方法是什么。
我知道这并不是一个万无一失的答案，每个项目都是不同的，但是任何建议都会受到欢迎。
谢谢
浏览 2提问于2014-03-27得票数 2
回答已采纳
我正在尝试开发一个应用程序，其中根模块将显示加载惰性模块的路由器链接的列表：
const appRoutes: Routes = [
{
path: 'compose',
component: ComposeMessageComponent,
outlet: 'popup'
},
{
path: 'admin',
loadChildren: 'app/admin/admin.module#AdminModule',
canLoad: [AuthGuard]
},
{
path: 'crisis-center&
浏览 1提问于2018-06-21得票数 5
回答已采纳
我有几条路线在我的余烬项目，有时加载一些视图需要时间，所以我增加了加载模板与自定义文本，这是自动显示由成员在加载。
在加载页面中有任何传递和获取参数的方法吗？
例如，在step1 on按钮中单击操作：
controller.transitionToRoute('submit-invoices',data);
而当
提交-发票将加载，加载模板显示.我需要传递一些参数到加载屏幕。
浏览 2提问于2016-03-08得票数 2
我有一个具有多个状态的Login组件，这取决于我想要在这个组件中显示不同的元素。下面是我如何设置我的Routes
import {
BrowserRouter,
Routes,
Route,
} from "react-router-dom";
// Pages
import Home from '../pages/home';
import Login from '../pages/login';
export default function App() {
// Render
return (
浏览 5提问于2022-04-19得票数 1
在我的主页上，我有4个指向组件的链接，这些组件都属于一个名为“CrudModule”的功能模块。
我想知道如何延迟加载这个模块，这似乎不起作用：
我的应用程序-routing.module.ts：
const routes: Routes = [
{ path: 'add', loadChildren: () => import(`./crudFeatureModule/crud.module`).then(x => x.CrudModule) }
, { path: 'search', loadChildren: () => imp
浏览 0提问于2019-08-07得票数 7
回答已采纳
我定义了惰性加载路由和辅助路由，如下面的代码所示。
export const MainRoutes = [
{ path: '', component: WelcomeComponent },
{ path: 'Customer', loadChildren: 'Modules/CustomerModule#CustomerModule' },
{ path: 'Supplier', loadChildren: 'Modules/SupplierModule#SupplierModule'
浏览 1提问于2017-05-17得票数 2
1回答
我想在angular2中将数据动态加载到bundle.js中。有可能吗？如果是，那么如何以及如果不是，那么是否有任何替代方案。我想让我的路线安全，所以我需要这是动态加载路线
浏览 3提问于2017-08-29得票数 0
我有一个角形2应用程序。主屏幕(应用程序？)看起来像这样..。
单击顶部菜单routerLinks中的项时，新组件将加载到主视图路由器出口。这些链接之一加载一个新的“管理”模块/组件与它自己的路由和新的路由器出口.
然后，当您单击左侧nav中的routerLinks时，新的管理组件将加载到新的路由器插座中。
但是..。
角2不允许超过一个路由器出口。因此，单击左侧nav中的任何routerLink只需替换整个inital路由器出口视图。
我见过一些这样的帖子(旧的，可能被废弃了)使用“引导”来加载后续组件，但我无法做到这一点。我甚至不能import { bootstrap }
浏览 3提问于2017-04-13得票数 17
回答已采纳
我跟随david and的制作了一个angular通用应用程序，并将其部署到firebase主机上。我试过了，它在正常路由下工作，但在惰性负载路由下不起作用。下面是视图页面源代码的屏幕截图
为什么这在路由时不起作用？谁能告诉我如何配置服务器端渲染的延迟加载或分享任何有关它的链接？
浏览 3提问于2017-10-07得票数 5
1回答
我有一个父模块，在该模块中，我延迟加载(子模块)
正如您可能看到的，我不直接导入我的子模块，但是我在路由文件下缓慢地加载它：
父模块:
@NgModule({
imports: [
CommonModule,
ParentRoutingModule,
],
exports: [
ParentRoutingModule
],
declarations: [ParentComponent]
})
export class ParentModule { }
父路由模块:
const parentRoutes: Routes = [
{path: &#
浏览 1提问于2018-05-09得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
