Angular 4:如何从另一个组件更新另一个组件中数组的值

// data-sharing.service.ts

import { Injectable } from '@angular/core';

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

  constructor() { }

  updateArray(newArray: any[]): void {
    this.sharedArray = newArray;
  }

  getArray(): any[] {
    return this.sharedArray;
  }
}

// component1.component.ts

import { Component } from '@angular/core';
import { DataSharingService } from '路径/data-sharing.service';

@Component({
  selector: 'app-component1',
  template: `
    <button (click)="updateArray()">更新数组</button>
  `
})
export class Component1Component {
  constructor(private dataSharingService: DataSharingService) { }

  updateArray(): void {
    const newArray = [1, 2, 3, 4, 5];
    this.dataSharingService.updateArray(newArray);
  }
}

// component2.component.ts

import { Component } from '@angular/core';
import { DataSharingService } from '路径/data-sharing.service';

@Component({
  selector: 'app-component2',
  template: `
    <div>{{ array }}</div>
  `
})
export class Component2Component {
  array: any[];

  constructor(private dataSharingService: DataSharingService) { }

  ngOnInit(): void {
    this.array = this.dataSharingService.getArray();
  }
}