使用django-angular与django-bootstrap3

时间:2015-04-19 18:48:24

标签: django angularjs twitter-bootstrap django-forms

我正在使用django-angular作为项目,并希望将django-bootstrap3用于django表单。我想在模板中显示角度驱动的模型表单,其代码为:

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

要使用django-bootstrap3显示它,我在模板中使用了{% bootstrap_form form %}但是它的工作方式不正常:

enter image description here

可以做些什么来使两者合作?

1 个答案:

答案 0 :(得分:4)

在深入探讨了django-angular的代码并经历了之前的一些问题之后[1],我找到了一个优雅的解决方案。事实证明,django-angular已经有一个Bootstrap3FormMixin,它提供了一个方法as_div,它可以简单地用于渲染带有bootstrap3样式的角度动力形式。现在,显示表单很简单{{ form.as_div }}(不需要django-bootstrap3或其他任何东西)。唯一的要求是表单具有Bootstrap3FormMixin

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

[1] django-angular Issue #51

[2] django-angular Issue #161