如何在Angular 5应用中正确保存数据？

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

@Injectable()
export class DataService {
  constructor(private http: HttpClient) {}

  saveData(data: any) {
    return this.http.post('http://example.com/save', data);
  }
}

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

@Component({
  selector: 'app-root',
  template: `
    <button (click)="saveData()">保存数据</button>
  `,
})
export class AppComponent {
  constructor(private dataService: DataService) {}

  saveData() {
    const data = { name: 'John', age: 25 }; // 要保存的数据
    this.dataService.saveData(data).subscribe(
      response => {
        console.log('保存成功');
      },
      error => {
        console.error('保存失败', error);
      }
    );
  }
}