无法清除Observable subscribe方法中的数组组件变量

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

@Component({
  selector: 'app-example',
  template: '...',
})
export class ExampleComponent implements OnDestroy {
  private subscription: Subscription;
  private dataArray: any[];

  constructor() {
    // 订阅Observable
    this.subscription = observable.subscribe((data) => {
      this.dataArray = data;
    });
  }

  ngOnDestroy() {
    // 取消订阅并清除数组变量
    this.subscription.unsubscribe();
    this.dataArray = null;
  }
}

import { Component, OnDestroy } from '@angular/core';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';

@Component({
  selector: 'app-example',
  template: '...',
})
export class ExampleComponent implements OnDestroy {
  private destroy$ = new Subject();
  private dataArray: any[];

  constructor() {
    // 订阅Observable，并使用takeUntil操作符控制订阅的生命周期
    observable.pipe(takeUntil(this.destroy$)).subscribe((data) => {
      this.dataArray = data;
    });
  }

  ngOnDestroy() {
    // 发出destroy$信号，取消订阅并清除数组变量
    this.destroy$.next();
    this.destroy$.complete();
    this.dataArray = null;
  }
}