在 Angular 模板中使用外键属性

Question

我使用 Django 作为后端（Django Rest Framework），使用 Angular 作为前端。在后端，我有 2 个模型：

class Post(models.Model):
    category = models.ForeignKey(Category, on_delete=models.SET_NULL, null=True)
    content = models.TextField(max_length=1000)

class Category(models.Model):
    title = models.CharField(max_length=120)

我相应地序列化：

class CategorySerializer(ModelSerializer):

    class Meta:
        model   = Category
        fields = '__all__'

class PostSerializer(ModelSerializer):

    class Meta:
        model   = Post
        fields = '__all__'

然后在组件模板中我要打印特定帖子的类别标题：

<li *ngFor='let post of posts'>
  <div *ngIf='post'>
    <p>{{ post.category.title }}</p>
    <p>{{ post.content }}</p>
  </div>
</li>

我的课程是：

export class Post {
  id: number;
  category: Category;
  content: string;
}

export class Category {
  id: number;
  title: string;
}

为什么{{ post.category.title }} 不起作用，而{{ post.content }} 起作用？这是我的序列化问题还是我的 Angular 类的问题？

编辑：API 视图：

class PostListCreateAPIView(ListCreateAPIView):
    queryset            = Post.objects.all()
    serializer_class    = PostSerializer

Answer 1

创建一个新的序列化程序RetrivePostSerializer。

使用CategorySerializer 序列化RetrivePostSerializer 中的相关字段category

class RetrivePostSerializer(ModelSerializer):
    category = CategorySerializer(read_only=True)

    class Meta:
        model   = Post
        fields = ('id', 'category', 'content')

对 GET 和 POST 使用不同的序列化程序，覆盖 get_serializer_class 方法

class PostListCreateAPIView(ListCreateAPIView):
    queryset = Post.objects.all()

    def get_serializer_class(self):
       if self.request.method == 'POST':
          return PostSerializer
       return RetrivePostSerializer

您的PostSerializer 将与之前一样

class PostSerializer(ModelSerializer):

    class Meta:
        model   = Post
        fields = '__all__'