如何在ngOnInit() Angular、Mongodb、Express上显示多个模型模式

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

const app = express();

// 连接MongoDB数据库
const MongoClient = mongodb.MongoClient;
const url = 'mongodb://localhost:27017'; // 修改为你的MongoDB连接地址
const dbName = 'your-database-name'; // 修改为你的数据库名称

MongoClient.connect(url, { useNewUrlParser: true }, (err, client) => {
  if (err) {
    console.log('Error occurred while connecting to MongoDB', err);
  } else {
    console.log('Connected to MongoDB successfully');

    const db = client.db(dbName);

    // 定义多个模型模式
    const model1 = db.collection('model1');
    const model2 = db.collection('model2');
    // ...

    // 在Express中定义API路由
    app.get('/api/model1', (req, res) => {
      model1.find().toArray((err, docs) => {
        if (err) {
          console.log('Error occurred while fetching data from model1', err);
          res.status(500).send('Internal Server Error');
        } else {
          res.json(docs);
        }
      });
    });

    app.get('/api/model2', (req, res) => {
      model2.find().toArray((err, docs) => {
        if (err) {
          console.log('Error occurred while fetching data from model2', err);
          res.status(500).send('Internal Server Error');
        } else {
          res.json(docs);
        }
      });
    });

    // 启动Express服务器
    const port = 3000; // 修改为你想要的端口号
    app.listen(port, () => {
      console.log('Express server started on port', port);
    });
  }
});

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

@Injectable({
  providedIn: 'root'
})
export class Model1Service {
  private apiUrl = '/api/model1'; // Express API的URL，请根据实际情况修改

  constructor(private http: HttpClient) {}

  getModel1Data() {
    return this.http.get<any[]>(this.apiUrl);
  }
}

import { Component, OnInit } from '@angular/core';
import { Model1Service } from '../models/model1.service';

@Component({
  selector: 'app-example',
  template: `
    <h1>Model1 Data:</h1>
    <ul>
      <li *ngFor="let data of model1Data">{{ data.property1 }}</li>
    </ul>
  `
})
export class ExampleComponent implements OnInit {
  model1Data: any[];

  constructor(private model1Service: Model1Service) {}

  ngOnInit() {
    this.model1Service.getModel1Data().subscribe(data => {
      this.model1Data = data;
    });
  }
}