让Django与AngularJS愉快地合作
项目描述
django-angular
让Django与AngularJS愉快地合作
弃用警告： AngularJS已弃用
由于AngularJS已弃用，此库不应再用于新项目。相反，请继续使用我的后续项目 django-formset。所有Django表单验证的有用功能都已在 django-formset 中重新实现，这次使用纯TypeScript，且不依赖于任何第三方包。
它提供什么？
将AngularJS指令添加到Django表单中。这允许使用服务器端表单声明提供的约束处理客户端表单验证。
有关更多信息，请访问演示网站。
如何运行
git clone https://github.com/jrief/django-angular.git django-angular.git
cd django-angular.git
docker build -t django-angular.git .
docker run -d -it -p 9002:9002 django-angular.git
在 http://{docker-host's-ip}:9002/ 打开应用程序
向下不兼容
为了与其他库（如 djangorestframework）兼容，拒绝表单的服务器端响应使用错误代码422，而不是200。如果您使用自己的表单控制器，请相应地采用。用于向下传递错误通信的JSON格式略有变化。
新功能
为了实现更平滑的过渡路径，django-angular 在2.0版本中添加了两个指令
<form djng-endpoint="/path/to/endpoint">...</form>，可用于将表单数据上传到服务器。如果服务器拒绝了一些数据，它还会填充错误字段。
<djng-forms-set endpoint="/path/to/endpoint"><form ...>...</form>...</djng-forms-set>与上述指令类似，但不是验证单个表单，而是使用一个共享端点验证一组表单。
引入了Promise链。以前用于提交表单数据并继续执行其他操作的按钮现在可以写成
<button ng-click="do(update()).then(redirectTo('/path/to/other/page'))">标签</button>
文档
有关ReadTheDocs上的详细文档。
有关如何结合Django与Angular的表单验证的演示。
如果您使用此项目，请告诉我。
功能
- 无缝集成Django表单与AngularJS控制器。
- 使用AngularJS对Django表单进行客户端端表单验证。
- 允许AngularJS控制器调用Django视图中的方法 - 类似于JavaScript RPC。
- 管理静态控制器文件的Django URL。
- 将AngularJS模型与服务器端消息队列进行双向数据绑定。
- 执行基本的CRUD操作。
示例
- 使用Django和Angular JS实现单页应用程序上的筛选功能 https://shriniket.home.blog/2019/09/22/integrate-angular-js-with-django-filter-application/
许可证
版权 © 2019
MIT许可
下载文件
下载适合您平台的项目文件。如果您不确定选择哪个，请了解更多关于安装包的信息。