Angular 5将对象转换为嵌套JSON

import { Component } from '@angular/core';
import { JsonPipe } from '@angular/common';

@Component({
  selector: 'app-your-component',
  template: `
    <button (click)="convertToJson()">Convert to JSON</button>
    <pre>{{ convertedJson }}</pre>
  `,
})
export class YourComponent {
  data = {
    name: 'John',
    age: 30,
    address: {
      street: '123 Main St',
      city: 'New York',
      state: 'NY'
    }
  };

  convertedJson: string;

  constructor(private jsonPipe: JsonPipe) {}

  convertToJson() {
    this.convertedJson = this.jsonPipe.transform(this.data);
  }
}