如何正确地在Angular服务中实现这一行？

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

@Injectable({
  providedIn: 'root'
})
export class ServiceNameService {
  private data: any[];

  constructor() {
    this.data = [
      // 数据内容
    ];
  }

  public getRow(index: number): any {
    return this.data[index];
  }

  public updateRow(index: number, rowData: any): void {
    this.data[index] = rowData;
  }
}

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

@Component({
  selector: 'app-component',
  template: `
    <div>
      {{ rowData | json }}
    </div>
  `
})
export class MyComponent {
  rowData: any;

  constructor(private serviceName: ServiceNameService) {
    // 使用服务获取数据
    this.rowData = this.serviceName.getRow(0);
  }

  public updateRowData(): void {
    // 使用服务更新数据
    const updatedData = { /* 更新的数据 */ };
    this.serviceName.updateRow(0, updatedData);
    this.rowData = this.serviceName.getRow(0);
  }
}