Angular 我可以集成两个10个项目吗？

我有一个名为“学院管理系统”的项目，我有两个模块，并遵循其组成部分

职员

查看工作人员

增加工作人员

编辑工作人员详细信息

学生

查看学生成员

添加学生成员

编辑学生成员详细信息

---

当我点击Add Staff Members（添加员工）图标时，我可以从另一个名为Staff management System（员工管理系统）的angular 10项目调用UI，如果可以，如何集成两个angular 10项目。

是的，您可以通过在路由中定义组件来调用该组件，并执行模块路由

其中两个模块的路径如下 师生

---

基于点击按钮的路由，点击设置该模块页面的路由路径，该页面将被打开

我建议的是定义模块化应用程序，无需使用延迟加载和定义不同的模块，在单独的角度项目中创建它们：

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';

const routes: Routes = [
{ path: 'staff', loadChildren: () => import(`./staff/staff.module`).then(m => m.StaffModule) },
{ path: 'student', loadChildren: () => import(`./student/student.module`).then(m => m.StudentModule) },
];

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

这是您将如何定义员工模块的示例：

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

import { StaffRoutingModule } from './staff-module-routing.module';
import { SharedModule } from '@shared/index';
import { CommonSharedModule } from '@modules/common/common.module';




@NgModule({
  declarations: [AddStaffComponent, EditStaffComponent ,ViewStaffComponent],
  imports: [
    CommonModule,
    SharedModule,
    CommonSharedModule,
    StaffgModule,
  ],
  exports: []

})
export class StaffModule { }

---

谢谢你的回复，但我有一个疑问，那是不是可以调用另一个项目的组件？我可以导入外部项目吗？我想不可以，如果我们讨论的是微前端的实现，如果我的回答有助于你，请投票