angular 6- ngOnChanges不为嵌套数组触发

Angular 6中的ngOnChanges是一个生命周期钩子函数，用于在组件的输入属性发生变化时执行特定的操作。然而，ngOnChanges不会为嵌套数组触发。

具体来说，当组件的输入属性发生变化时，Angular会检测这些变化，并调用ngOnChanges方法。ngOnChanges方法接收一个SimpleChanges对象作为参数，该对象包含了所有输入属性的变化信息。

然而，ngOnChanges只会检测输入属性的引用是否发生了变化，而不会深度检测嵌套数组的内容是否发生了变化。这意味着，如果一个嵌套数组的内容发生了变化，但其引用没有变化，ngOnChanges方法将不会被触发。

为了解决这个问题，可以使用Angular提供的ChangeDetectorRef服务手动触发变化检测。在ngOnChanges方法中，可以调用ChangeDetectorRef的detectChanges方法来强制执行变化检测，从而确保嵌套数组的变化能够被捕获。

以下是一个示例代码：

import { Component, Input, OnChanges, SimpleChanges, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of nestedArray">
      {{ item }}
    </div>
  `
})
export class ExampleComponent implements OnChanges {
  @Input() nestedArray: any[];

  constructor(private cdr: ChangeDetectorRef) {}

  ngOnChanges(changes: SimpleChanges) {
    if (changes['nestedArray']) {
      this.cdr.detectChanges();
    }
  }
}

在上述示例中，我们注入了ChangeDetectorRef服务，并在ngOnChanges方法中调用了detectChanges方法。这样，无论嵌套数组的引用是否发生变化，都能够触发变化检测。

需要注意的是，手动触发变化检测可能会导致性能问题，因此应该谨慎使用。如果嵌套数组的变化频率较高，可以考虑使用Immutable.js等工具来确保引用的变化。