将 django-angular 与 django-bootstrap3 一起使用

Using django-angular with django-bootstrap3

我正在使用 django-angular for a project and wanted to use django-bootstrap3 和 Django 表单。我想在模板中显示一个 angular 动力模型表单,其代码是:

class InfoForm(NgModelFormMixin, NgFormValidationMixin, NgModelForm):
    form_name = 'infoForm'
    class Meta:
        model = models.InfoModel

为了使用 django-bootstrap3 显示它,我在我的模板中使用了 {% bootstrap_form form %},但它没有按应有的方式工作:

如何才能使两者正常协同工作?

在深入研究 django-angular 的代码并解决之前的一些问题后[1],我找到了一个完美的解决方案。事实证明,django-angular 已经有一个 Bootstrap3FormMixin,它提供了一个方法 as_div,可以简单地用于呈现具有 bootstrap3 样式的 angular 支持的表单。现在,显示表单就像 {{ form.as_div }} 一样简单(不需要 django-bootstrap3 或其他任何东西)。唯一的要求是表单具有 Bootstrap3FormMixin.

任何为此寻找更多背景信息的人都可以在此处找到相关问题:

[1]django-angular Issue #51

[2]django-angular Issue #161