Angular 2+ ngIf 不停止子组件的构建

【问题标题】：Angular 2+ ngIf Not Stopping Child Component From BuildingAngular 2+ ngIf 不停止子组件的构建
【发布时间】：2019-10-10 07:54:15
【问题描述】：

我有一个调用子组件的父组件。我想要一个 ngIf 检查来显示/构建或隐藏/不构建子组件......无论构建什么组件，即使没有显示（不在 dom 中）。还有其他方法可以阻止这种情况发生吗？

父 HTML 模板：

<div>
  <child-comp *ngIf="1 == 0"></child-comp>
</div>

我认为 ngIf 不会让我到达我想去的地方。

【问题讨论】：

【解决方案1】：

将您的ngIf 签入外部div 围绕您的child-comp

【讨论】：

或者去掉封闭的<div>，只剩下child-comp>
那太愚蠢了，哈哈。我用
@NicholasK 不遵循你的意思只是有孩子-comp>？
是的（连同支票ngIf）。有什么理由围着div？
@NicholasK 这就是我最初所做的。通过这样做，子组件的 ts 文件仍然会触发/构建。当我包围它时 - 它会阻止它被建造。我假设 Angular 看到 child-comp 标记开始构建，然后可能看到 ng-if 并仅从 dom 停止它。比。在这种情况下看到 div 或 ng-container > 看到上面的 ngif 并停在那里 - 因此没有到达 child-comp。