angularjs - Django REST framework + angular，自动将支持的错误附加到 DOM

Question

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

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

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

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

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

感谢您的任何帮助。

Answer 1

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

如果你做的事情正确，那么你的后端“Django REST”不应该与指令的这个前端功能有任何关系。您需要做的就是更改控制器内部的数据，它会自动更改指令中的数据。所以它也提供了很好的抽象级别。