有没有办法在 javascript 文件中包含 Django ModelForm？

Question

我需要在 JavaScript 动态创建的元素中包含 Django ModelForm。

class PostForm(ModelForm):

    class Meta:

        model = Post

        fields = ['body']

        widgets = {

            'body': forms.Textarea(attrs={'placeholder':'Compose your post here...', 'rows':3})

        }

我想在容器 div 中包含上面的表单

let container = document.createElement('div');

container.innnerHTML = "<div></div>";

有没有办法做到这一点？

Answer 1

您可以将您的表单渲染到<template>然后从 js 访问它。<template>&nbsp; &nbsp; {{ form }}</template>现在，您可以从 js 文件访问上面的元素并将其放入其他容器中。模板标记已隐藏，因此不会出现在您的页面上。