Angular中ViewChild在ngIf嵌套结构下失效问题咨询

以下是将组件嵌套进含ngIf的ng-template后，学生表格功能失效的核心原因：

• @ViewChild 无法正确获取组件实例
  Angular的@ViewChild默认在组件初始化阶段（ngAfterViewInit）查询视图中的元素或组件。如果ngIf初始条件为false，<app-courses-list>不会被渲染到DOM中，此时@ViewChild获取到的实例为null。即便后续ngIf条件变为true，若未触发重新查询，父组件依然无法拿到有效的组件实例，导致调用切换课程的方法时无响应。

• 模板引用变量的上下文隔离
  ng-template是独立的惰性模板容器，拥有自身的上下文作用域。你在ng-template内定义的#child模板引用变量，父组件的@ViewChild查询无法穿透这个隔离的上下文，自然无法获取到<app-courses-list>的实例。

• 组件初始化与数据传递时机不匹配
  当ngIf条件满足时，<app-students-table>才会被初始化。如果父组件中选中的课程值在组件初始化前就已存在，@Input可能无法接收到初始值——因为组件初始化时，Angular的变更检测尚未触发输入属性的赋值，导致表格初始无数据；后续切换课程时，若组件实例未正确获取，也无法触发输入属性的更新。

• 事件订阅或方法调用时机错误
  若<app-courses-list>内部的切换课程方法依赖父组件的初始化逻辑，而父组件在ngOnInit或ngAfterViewInit中调用了这些方法，但此时ngIf未满足、组件尚未创建，方法调用会直接失败，且后续不会自动重试。

内容的提问来源于stack exchange，提问作者pocketGod123