将模板集成到现有 Angular 2+ 应用程序中的正确方法是什么？

Question

我有一个 Angular 4 应用程序，我想改进 UI 仪表板。

我遇到了this dashboard from Creative Tim，它声称它是为 Angular 2+ 构建的。但是，当我下载它时，它似乎是它自己的独立项目。我不知道如何将它集成到我现有的应用程序中（即我只需要一些它包含的组件和功能，我不想把我的应用程序弄得一团糟）

复制您需要的部分并确保它们正常工作的正确方法是什么？

Answer 1

通常在您开始项目时使用模板。在这种情况下，您可以使用同一个项目并通过编辑模板项目中的相应组件来创建新组件。

在您的情况下，我建议您将所需的包添加到当前项目中，然后将模板项目中使用的类添加到您的项目中。

要遵循的步骤：

• 通过检查安装不在我们package.json 中的包 模板项目 package.json。
• 在项目angular-cli.json 的样式和脚本字段中添加.css 和.js 文件。
• 如果您的项目中有类似的组件需要设置样式，则将该类添加到您的项目组件中。
• 如果您想完全使用新组件，请将相应的组件和样式复制到您的项目中。