将列表数据从控制器传输到另一个控制器的最佳实践

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

@Injectable()
export class DataTransferService {
  private dataList: any[] = [];

  getDataList(): any[] {
    return this.dataList;
  }

  setDataList(data: any[]): void {
    this.dataList = data;
  }
}

import { Component } from '@angular/core';
import { DataTransferService } from '路径/DataTransferService';

@Component({
  selector: 'sender-component',
  template: `
    <button (click)="sendData()">发送数据</button>
  `
})
export class SenderComponent {
  constructor(private dataTransferService: DataTransferService) {}

  sendData(): void {
    const data = [/* 数据内容 */];
    this.dataTransferService.setDataList(data);
  }
}

import { Component } from '@angular/core';
import { DataTransferService } from '路径/DataTransferService';

@Component({
  selector: 'receiver-component',
  template: `
    <ul>
      <li *ngFor="let item of dataList">{{ item }}</li>
    </ul>
  `
})
export class ReceiverComponent {
  dataList: any[];

  constructor(private dataTransferService: DataTransferService) {}

  ngOnInit(): void {
    this.dataList = this.dataTransferService.getDataList();
  }
}