如何在fastadmin的html模板中，循环一段自定义表单模板代码？-Toy模板网

这篇具有很好参考价值的文章主要介绍了如何在fastadmin的html模板中，循环一段自定义表单模板代码？。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

在FastAdmin的HTML模板中，可以使用模板引擎语法和JavaScript代码来实现自定义表单模板代码的循环。具体步骤如下：

在HTML模板中，定义一个占位符，用来显示循环后的自定义表单模板代码。例如：
```
<div id="custom-forms-container"> 
</div>
```

在JavaScript代码中，获取自定义表单模板代码，并循环生成表单。具体代码如下所示：

var customFormTpl = $('script#customformtpl').html(); // 获取自定义表单模板代码
var fields = [   // 表单字段数据
    {name: 'field1', label: '字段1', value: ''},
    {name: 'field2', label: '字段2', value: ''}
];
var html = '';   // 用来存储循环后的表单代码
for (var i = 0; i < fields.length; i++) {
    var field = fields[i];
    var tpl = customFormTpl.replaceAll('{{=field.name}}', field.name);
    tpl = tpl.replaceAll('{{=field.label}}', field.label);
    tpl = tpl.replaceAll('{{=field.value}}', field.value);
    html += tpl;
}
$('#custom-forms-container').html(html); // 显示循环后的表单代码