阻止所有子组件钩子和生命周期方法在父组件加载时执行答案

【问题标题】：Prevent all child component hooks and lifecycle method from executing when the parent components loads阻止所有子组件钩子和生命周期方法在父组件加载时执行
【发布时间】：2020-07-06 18:54:14
【问题描述】：

我有一个包含 3 个子组件的父组件。根据条件，只有一个子组件可见，其余的则隐藏。问题是每个子组件的所有生命周期方法和挂钩都会在加载父页面时开始执行。我希望当 child1 或 child2 或 child3 可见时，只有它的生命周期方法和钩子应该被执行。请帮忙。谢谢

  <div [hidden]="paginationHeaderNo != 0">
    <child1></child1>
  </div>
  <div [hidden]="paginationHeaderNo != 1">
    <child2></child2>
  </div>
  <div [hidden]="paginationHeaderNo != 2">
    <child3></child3>
  </div>
</ion-content>```

【问题讨论】：

标签： angular ionic-framework ionic4

【解决方案1】：

你应该使用结构指令*ngIf:

<div *ngIf="paginationHeaderNo === 0">
  <child1></child1>
</div>

【讨论】：