如何将一个 Angular 应用程序的组件复制/运行到另一个应用程序

Question

我有两个项目都是用 Angular 开发的，我的第一个项目是“zbarcode”，第二个项目是“loginpage”。两个项目结构都是使用 Angular-cli 创建的。

Zbarcode 结构 - Zbarcode Structure (app.module.ts)

登录页面结构 - Loginpage Structure (app.module.ts)

如果您查看 loginpage 组件和模块文件的代码，我想在此处添加 zbarcode scannner 组件和功能。我不知道我是否可以通过角度路由来做到这一点，还是应该将 zbarcode 的内容复制到登录页面。我想要的输出是在登录（loginpage）后运行扫描仪（zbarcode）

提前致谢

Answer 1

您已经在问题本身中回答了您的问题，只需将“或”替换为“和”即可。以下是步骤-

1. 确保真正使“zbarcode”工作的软件包。您可以在 package.json 文件中找到它。在您的“登录页面”项目中安装这些软件包。

2. 将工作代码（而不是组件）从“zbarcode”复制到“登录页面”并并行导入 app.module.ts 中的组件，否则它们将无法工作。当您为项目提供服务时，无论如何都会提示您该错误。

3. 现在您必须创建两条路由，例如登录页面的“/login”和条形扫描仪页面的“/zbar”。如果用户使用登录验证，您只需重定向到“/zbar”。