如何在Angular中将一个服务的数组注入到另一个服务的数组中

// service-a.service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ServiceAService {
  arrayA: any[] = [1, 2, 3];
}

// service-b.service.ts
import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class ServiceBService {
  arrayB: any[] = [];

  constructor(private serviceA: ServiceAService) {
    this.arrayB = this.serviceA.arrayA;
  }
}

// component.ts
import { Component } from '@angular/core';
import { ServiceBService } from './service-b.service';

@Component({
  selector: 'app-component',
  template: `
    <div *ngFor="let item of serviceB.arrayB">
      {{ item }}
    </div>
  `
})
export class MyComponent {
  constructor(private serviceB: ServiceBService) {}
}