在Angular中处理数组中的外键,可以使用以下方法:
export interface User {
id: number;
name: string;
posts: Post[];
}
export interface Post {
id: number;
title: string;
userId: number; // 外键
}
forkJoin
操作符来实现这一点。import { forkJoin } from 'rxjs';
// 获取用户和帖子的数据
const user$ = this.userService.getUser(userId);
const posts$ = this.postService.getPosts();
forkJoin([user$, posts$]).subscribe(([user, posts]) => {
// 根据外键id获取关联对象
user.posts = posts.filter(post => post.userId === user.id);
});
{{ post.title }}
通过以上步骤,我们可以成功处理数组中的外键关联数据。在获取到完整的关联对象后,我们可以根据外键将它们与父对象关联起来,并在视图中使用它们。