angular - 组件在延迟加载时未显示其内容

Question

我在 Angular 8 的模块中共享组件时遇到问题。我试图构建一个 stackblitz，但遇到了一些问题。我不知道问题是否与 Angular 或 stackblitz 本身有关。我的例子可以在这里访问

这里

当您单击链接时，为了模拟成功登录，您将转到主组件。它有内容，但什么也没有出现。

Answer 1

我做了一些改变并得到了输出看看下面

首先你没有在 HomeModule 中添加 HomeComponent 先做

这是你的 Home.module.ts

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { HomeRoutingModule } from './home-routing.module';
import {DashboardModule} from '../dashboard.module';
import { HomeComponent } from "./home.component";

@NgModule({
  declarations: [
    HomeComponent
  ],
  imports: [
    CommonModule,
    HomeRoutingModule,
    DashboardModule
  ]
})
export class HomeModule { }

HomeRoutingModule 中的第二个更改添加了默认路径

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { HomeComponent } from "./home.component";


const routes: Routes = [{ path: '', component: HomeComponent }];

@NgModule({
  imports: [RouterModule.forChild(routes)],
  exports: [RouterModule]
})
export class HomeRoutingModule { }

3 一是在 DashboardModule 中导出 MenuLateralComponent

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';

import { DashboardRoutingModule } from './dashboard-routing.module';
import {MenuLateralComponent} from '../menu-lateral/menu-lateral.component';


@NgModule({
  declarations: [
    MenuLateralComponent

  ],
  imports: [
    CommonModule,
    DashboardRoutingModule
  ],
    exports: [MenuLateralComponent]

})
export class DashboardModule { }

现在刷新你的 stackblitz 浏览器。

您将能够看到以下输出

希望上面的代码对你有帮助

如果您有任何问题，请告诉我

谢谢