渲染一个 mixin Pug 模板

问题描述

我想在 Ajax 调用后呈现模板。

我的代码是：

index.pug
  include form.pug
  +list('style')

form.pug
mixin list(style)
   p(class=style) my form

我想在点击按钮后添加 form.pug，所以

我的ajax调用是：

$.ajax({
        url: "/myroute",method: "POST",data: msgObj,headers: {
            'X-CSRF-TOKEN': $('Meta[name="csrf-token"]').attr('content')
        },datatype: "json",success: function (msg) {
            div.prepend(msg.template)
        },});

/myroute（服务器节点）是：

const pug = require('pug');
var template = pug.renderFile('Path/form.pug');
res.send({"template":template,"style":"new_style"});

我的模板在点击按钮后没有出现。 在我删除 mixin 时，一切正常，但我需要在模板生成过程中传递一个参数

解决方法

在页面的某处调用 mixin，在 AJAX 调用后在 DOM 中选择它并在添加它之前填充所需的值。