使用angular服务传递json数据

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

@Injectable({
  providedIn: 'root'
})
export class DataService {
  private jsonData: any;

  constructor() { }

  setJsonData(data: any) {
    this.jsonData = data;
  }

  getJsonData() {
    return this.jsonData;
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

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

  constructor(private dataService: DataService) { }

  ngOnInit() {
    this.jsonData = this.dataService.getJsonData();
  }
}

import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-another-component',
  template: `
    <button (click)="setData()">Set JSON Data</button>
  `
})
export class AnotherComponent {
  constructor(private dataService: DataService) { }

  setData() {
    const jsonData = { name: 'John', age: 30 };
    this.dataService.setJsonData(jsonData);
  }
}