如何将我的数据库中的数据放入angular中的select

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

// 连接数据库并获取数据
app.get('/api/data', (req, res) => {
  // 连接数据库并执行查询操作，获取数据
  const data = [
    { id: 1, name: 'Option 1' },
    { id: 2, name: 'Option 2' },
    { id: 3, name: 'Option 3' }
  ];

  res.json(data);
});

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

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

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponentComponent implements OnInit {
  options: any[];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get<any[]>('/api/data').subscribe(data => {
      this.options = data;
    });
  }
}

<select>
  <option *ngFor="let option of options" [value]="option.id">{{ option.name }}</option>
</select>