使用实体框架获取外键记录并在Angular中显示

public class Parent
{
    public int Id { get; set; }
    public string Name { get; set; }

    [ForeignKey("ChildId")]
    public ICollection<Child> Children { get; set; }
}

public class Child
{
    public int Id { get; set; }
    public string Name { get; set; }
    public int ParentId { get; set; }

    [ForeignKey("ParentId")]
    public Parent Parent { get; set; }
}

public class ParentController : Controller
{
    private readonly YourDbContext _context;

    public ParentController(YourDbContext context)
    {
        _context = context;
    }

    public IActionResult GetParentsWithChildren()
    {
        var parents = _context.Parent.Include(p => p.Children).ToList();
        return Ok(parents);
    }
}

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

interface Parent {
  id: number;
  name: string;
  children: Child[];
}

interface Child {
  id: number;
  name: string;
  parentId: number;
}

@Component({
  selector: 'app-parent',
  templateUrl: './parent.component.html',
  styleUrls: ['./parent.component.css']
})
export class ParentComponent implements OnInit {
  parents: Parent[];

  constructor(private http: HttpClient) { }

  ngOnInit() {
    this.http.get<Parent[]>('/api/parent/getParentsWithChildren')
      .subscribe(result => this.parents = result);
  }
}