Angular父组件设数组为null不触发子组件变更，空数组却可行？

Angular的变更检测（包括ngOnChanges）是通过**浅比较（Object.is）**来判断输入属性是否变化的，只有当新值与旧值的引用（基本类型则是值）不同时，才会触发变更通知。

空数组可行的原因 #

每次赋值[]都会创建一个新的数组引用，哪怕前后都是空数组，Object.is([], [])的结果也是false，所以Angular会判定值发生了变化，触发子组件的ngOnChanges。

null不触发的常见场景 #

1. 重复赋值null
   如果arrayVar之前已经是null，再次赋值null时，Object.is(null, null)结果为true，Angular认为值没有变化，自然不会触发ngOnChanges。而空数组每次都是新引用，哪怕连续赋值也会触发。

2. 子组件输入属性类型不兼容
   如果子组件中输入属性定义为非null的数组类型（比如@Input() arrayVar: number[];），同时项目开启了严格模板检查（strictTemplates），父组件传null会被Angular视为无效绑定，不会更新子组件的输入属性，也就不会触发ngOnChanges。

解决方法 #

• 针对重复赋值null的场景：可以先赋值一个临时的非null值（比如空数组），再赋值null；或者在父组件中手动调用changeDetectorRef.markForCheck()强制触发变更检测。
• 针对类型不兼容的场景：修改子组件的输入属性类型，允许null值，比如@Input() arrayVar: number[] | null;。

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