清除销毁时的ViewChildren订阅

import { Component, OnDestroy, QueryList, ViewChildren } from '@angular/core';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-my-component',
  template: `
    <div #childElement></div>
    <app-child-component></app-child-component>
  `,
})
export class MyComponent implements OnDestroy {
  @ViewChildren('childElement') childElements: QueryList<any>;
  @ViewChildren(ChildComponent) childComponents: QueryList<ChildComponent>;

  private subscriptions: Subscription[] = [];

  constructor() {}

  ngAfterViewInit() {
    this.childElements.changes.subscribe(() => {
      // 处理子元素变化
    });

    this.childComponents.changes.subscribe(() => {
      // 处理子组件变化
    });

    // 其他订阅操作
    // this.subscriptions.push(...)
  }

  ngOnDestroy() {
    this.subscriptions.forEach((subscription) => subscription.unsubscribe());
  }
}