Ionic 3-以格式化方式显示来自HTTP请求的JSON响应

import { HttpClient } from '@angular/common/http';

constructor(private http: HttpClient) {}

getData() {
  return this.http.get('http://example.com/api/data');
}

import { ToastController } from 'ionic-angular';

constructor(private toastCtrl: ToastController) {}

getData() {
  this.http.get('http://example.com/api/data').subscribe(
    (response) => {
      this.showToast(JSON.stringify(response));
    },
    (error) => {
      console.error(error);
    }
  );
}

showToast(message: string) {
  const toast = this.toastCtrl.create({
    message: message,
    duration: 3000,
    position: 'bottom'
  });
  toast.present();
}

import { ToastController } from 'ionic-angular';

constructor(private toastCtrl: ToastController) {}

getData() {
  this.http.get('http://example.com/api/data').subscribe(
    (response) => {
      const formattedResponse = JSON.stringify(response, null, 2);
      this.showToast(formattedResponse);
    },
    (error) => {
      console.error(error);
    }
  );
}

showToast(message: string) {
  const toast = this.toastCtrl.create({
    message: message,
    duration: 3000,
    position: 'bottom'
  });
  toast.present();
}