Angular核心生命周期问题：嵌套ColumnDirective组件未触发ngOnDestroy

问题描述 #

我们的项目采用同时包含ColumnDirective元素与数组式列配置的网格组件结构，发现两种列配置的组件销毁行为存在差异：

• 数组式列配置：组件销毁生命周期钩子ngOnDestroy执行正常，isDestroyed标记符合预期设置；
• 基于ColumnDirective的嵌套组件列定义：ngOnDestroy方法未被可靠触发，无法跟踪或响应销毁状态变化。

复现步骤 #

• 创建使用嵌套ColumnDirective的网格组件；
• 动态修改或移除列（如取消控制可见性的复选框）；
• 观察嵌套组件的ngOnDestroy等生命周期钩子行为；
• 与数组式列配置的相同操作进行对比。

实际行为 #

• 数组式列：ngOnDestroy()被正确调用，销毁过程干净；
• 基于ColumnDirective的复杂列指令：销毁未触发，isDestroyed状态从未更新。

预期行为 #

基于ColumnDirective的嵌套组件在从DOM移除或通过动态更新销毁时，应正常触发ngOnDestroy()，并更新isDestroyed标记以实现一致的状态跟踪。

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