将 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
.
任何为此寻找更多背景信息的人都可以在此处找到相关问题:
我正在使用 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
.
任何为此寻找更多背景信息的人都可以在此处找到相关问题: