javascript - Angular 5 循环依赖 : Component in Component

Question

我目前在一个项目中，我们有一个动态“表单”/内容模型，其中我们有一个包含字段和占位符的模块，占位符可以包含更多模块，为我们提供递归/灵活的数据模型.

现在为了渲染这个，我们创建了一个组件来渲染模块，动态渲染不同的字段类型，然后是一个 for-loop 来渲染占位符，这是它自己的组件。

我得到的循环依赖是module.component -> placeholder.component -> module.component

可以在这个 plunkr 找到一个快速设置: https://plnkr.co/edit/ieV9rjJ8MZLzFpzPaj3L

运行 ng serve 不会出错，但是 ng build --prod 会出错

WARNING in Circular dependency detected:
src/app/module.component.ngfactory.js -> 
src/app/placeholder.component.ngfactory.js -> 
src/app/module.component.ngfactory.js

我猜这是因为 ng build --prod 执行 AOT 构建并且循环依赖在 HTML 中。

但是代码运行良好，真正的问题是这是否被认为是错误的实现模式？我不确定如何解决它。

Answer 1

检查这个。 https://netbasal.com/recursion-in-angular-components-1cd636269b12

尝试在递归结束时添加 *ngIf。