在 Angular 5 中模拟 django rest 框架的渲染形式答案

【问题标题】：Simulate render form of django rest framework in angular 5在 Angular 5 中模拟 django rest 框架的渲染形式
【发布时间】：2018-11-21 21:20:50
【问题描述】：

我使用 django rest 作为后端，使用 angular 5 作为前端。我在后端的代码是这样的：

例如，我有一个模型：

class Brand(models.Model):
    name         = models.CharField(max_length=20, unique=True)
    abbreviation = models.CharField(max_length=10, unique=True)

序列化器类：

class BrandSerializer(ModelSerializer):
    class Meta:
        model = Brand
        fields = ('name', 'abbreviation',)

查看类：

class BrandAPIView(CreateAPIView):
    serializer_class = BrandSerializer
    queryset = Brand.objects.all()

当我第一次在浏览器中看到我的 api 时，我可以看到一个创建品牌的表单。我没有为此发送任何内容，并且我知道泛型库会处理此操作。

现在我想为我的前端模拟这个动作，我有一些想法，但我不知道哪个好。如果您有任何想法，请帮助我。

【问题讨论】：

标签： django angular forms django-rest-framework

【解决方案1】：

从“@angular/common/http”导入 { HttpClient }；在你的组件中 HttpClient.post(this.api_url + '/admin/users/loggedinusers/', your_post_data) .map((data: Response) => JSON.stringify(data)).subscribe((res_data) => { 控制台日志（res_data） } )

或

您可以创建一个服务类来调用api并订阅组件类中的数据

【讨论】：