Angular 和 bootstrap：显示 post 响应的优雅方式

Question

我正在开发一个 RESTful 结构如下的应用程序：

• 后端：Django 和 Django Rest Framework API
• 正面：Angular 2
• UI: Bootstrap 4

当我 post 从 Angular 到我的后端 REST api 的数据时，DRF returns 不同的数据 (with status code) 取决于发生的事情。示例：

• HTTP_201_CREATED 如果创建 post 成功
• HTTP_403_FORBIDDEN 如果用户没有权限
• HTTP_400_BAD_REQUEST 如果发送的数据格式不正确
• ...

（子问题：如果要添加海关错误消息，HTTP_400_BAD_REQUEST 响应的结构应该是什么？）

在BootstrapV4中，有contextuals classes：

• .活跃
• .成功
• .info
• .警告
• .危险

有人可以建议一种优雅的方式（尽可能通用）根据 Angular 2 的请求状态设置 bootstrap class 吗？ 例如，如果 REST api return 出现错误，则显示错误消息并将危险 class 设置为相关的 Boostrap DOM。如果 REST api return 成功状态，显示成功消息 Bootstrap class，等等...

Answer 1

据我所知，没有标准规则或指南；答案可能因人而异。在你的问题中，你已经回答了一半，所以我认为你应该只决定哪个class用于哪个状态码。