如何将数据推送到json服务器，然后将其显示在Angular/ionic中的html页面中

const express = require('express');
const app = express();

// 定义数据模型
const data = {
  name: 'John',
  age: 25
};

// API路由 - 获取数据
app.get('/api/data', (req, res) => {
  res.json(data);
});

// API路由 - 推送数据
app.post('/api/data', (req, res) => {
  // 处理推送的数据
  // ...
  res.json({ message: 'Data pushed successfully' });
});

// 启动服务器
app.listen(3000, () => {
  console.log('JSON server is running on port 3000');
});

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

@Component({
  selector: 'app-data',
  templateUrl: './data.component.html',
  styleUrls: ['./data.component.css']
})
export class DataComponent {
  data: any;

  constructor(private http: HttpClient) { }

  ngOnInit() {
    // 获取数据
    this.http.get('/api/data').subscribe((response) => {
      this.data = response;
    });
  }

  pushData() {
    // 推送数据
    const newData = { name: 'Alice', age: 30 };
    this.http.post('/api/data', newData).subscribe((response) => {
      console.log(response);
    });
  }
}

<div>
  <h2>Data:</h2>
  <p>Name: {{ data?.name }}</p>
  <p>Age: {{ data?.age }}</p>
  <button (click)="pushData()">Push Data</button>
</div>