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

Question

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

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

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

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

预先感谢

Answer 1

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

1. 确保哪些软件包实际上使“ zbarcode”起作用。您可以在package.json文件中找到它。将这些软件包安装在您自己的“ loginpage”项目中。

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

3. 现在，您必须进行两条路由，例如登录页面的“ / login”和条形扫描仪页面的“ / zbar”。如果用户已通过登录验证，则只需要将其重定向到“ / zbar”。