angularjs - Django REST框架+ Angular ，自动将支持的错误附加到DOM

Question

我正在开发一个新项目，其中包括几个标准表单(登录、注册等)。

我有一个基本的客户端验证，包括 ng-required、类型等。

问题是我可能会从 Django REST 后端收到其他类型的错误，例如长度、唯一约束等，并且这些规则可能会经常更改。

django REST 服务器以 JSON 字符串形式返回错误，其中键是字段，值是错误的描述。

无论如何，有没有办法以 Angular 编写一些东西，它会自动在无效元素旁边附加一个错误，作为一个可以重用的模块化单元，所以我不必为其添加错误容器和 ng-bind我表单中的每个字段？.

感谢您的帮助。

Answer 1

当您想编写这样的可重用代码时，最好的选择是使用指令。您可以创建一个名为 的指令，然后在模板内使用输入元素填充它并在其旁边显示 {{error}}。有多种方法可以将错误放入指令模板中，但我建议隔离范围并将数据传递到指令中。这有助于提高指令的可重用性。

如果您的操作正确，那么您的后端“Django REST”不应与该指令的前端功能有任何关系。您所需要做的就是更改 Controller 内的数据，它会自动更改指令中的数据。因此它也提供了良好的抽象级别。