在Angular中从nodejs获取JSON

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

@NgModule({
  imports: [
    HttpClientModule
  ],
  ...
})
export class AppModule { }

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

@Component({
  selector: 'app-example',
  template: `
    <div *ngFor="let item of jsonData">
      {{ item.name }}
    </div>
  `
})
export class ExampleComponent {
  jsonData: any[];

  constructor(private http: HttpClient) {
    this.http.get<any[]>('http://localhost:3000/api/data').subscribe(data => {
      this.jsonData = data;
    });
  }
}

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

app.get('/api/data', (req, res) => {
  const jsonData = [
    { name: 'John', age: 25 },
    { name: 'Jane', age: 30 },
    { name: 'Bob', age: 35 }
  ];

  res.json(jsonData);
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});