如何在另一个Angular应用程序中嵌入Angular应用程序

Question

我有两个Angular项目。一个叫做 App1 ，另一个是 Angular Form Editor 。我想将表单编辑器嵌入到 App1 （项目）中。我怎么能这样做？

Answer 1

使用App2构建模块。

这可能是一项复杂的任务，但您可以使用大量模板。我创建了这个最小模块模板 - 随意使用它：https://github.com/angular-patterns/ng-module-template

然后使用App1创建应用程序并导入App2模块。确保从App2模块声明组件。

import 'App2Module' from 'App2Module';

@NgModule({
    imports: [App2Module],
    declarations: [App2Component]
})

如果您还需要一个应用模板，请参阅以下内容：

https://github.com/angular-patterns/ng-app-template

它使用@ngtools/webpack作为AoT buld。