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

// server.js
const express = require('express');
const mongoose = require('mongoose');
const app = express();

mongoose.connect('mongodb://localhost:27017/mydatabase', { useNewUrlParser: true, useUnifiedTopology: true });

const UserSchema = new mongoose.Schema({ name: String, email: String });
const ProductSchema = new mongoose.Schema({ name: String, price: Number });

const User = mongoose.model('User', UserSchema);
const Product = mongoose.model('Product', ProductSchema);

app.get('/api/users', async (req, res) => {
  const users = await User.find();
  res.json(users);
});

app.get('/api/products', async (req, res) => {
  const products = await Product.find();
  res.json(products);
});

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

// app.component.ts
import { Component, OnInit } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  template: `
    <div>
      <h2>Users</h2>
      <ul>
        <li *ngFor="let user of users">{{ user.name }} - {{ user.email }}</li>
      </ul>
      <h2>Products</h2>
      <ul>
        <li *ngFor="let product of products">{{ product.name }} - ${{ product.price }}</li>
      </ul>
    </div>
  `
})
export class AppComponent implements OnInit {
  users: any[] = [];
  products: any[] = [];

  constructor(private http: HttpClient) {}

  ngOnInit() {
    this.http.get('/api/users').subscribe((users: any[]) => {
      this.users = users;
    });

    this.http.get('/api/products').subscribe((products: any[]) => {
      this.products = products;
    });
  }
}

const cors = require('cors');
app.use(cors());