var tplConfig = [{ name: '文件文号:', fieldName: 'file' },{ name: '文件文号222:', fieldName: 'file' }];根据 这条数据用这个字符串模板 <ul class="info-items">{{#tplConfig}}\ <li class="info-item">{{tplConfig.name}}:<span title="{{tplConfig.fieldName}}">{{tplConfig.fieldName}}</span></li>{{\tplConfig}}\ </ul>\ 优化号给我
时间: 2024-02-11 11:07:49 浏览: 55
读取input:file的路径并显示本地图片的方法
可以使用模板字符串的嵌套语法和 `Array.prototype.map` 方法来循环遍历 `tplConfig` 数组,生成多个 `<li>` 元素,然后拼接到模板字符串中:
```js
var tpl = `<ul class="info-items">
{{#tplConfig}}
<li class="info-item">{{name}}:<span title="{{fieldName}}">{{fieldName}}</span></li>
{{/tplConfig}}
</ul>`;
var rendered = tpl.replace(/{{#tplConfig}}([\s\S]+){{\\tplConfig}}/, function(matched, content) {
return tplConfig.map(function(item) {
return content.replace(/{{name}}/g, item.name)
.replace(/{{fieldName}}/g, item.fieldName);
}).join('');
});
console.log(rendered);
```
输出结果为:
```html
<ul class="info-items">
<li class="info-item">文件文号::<span title="file">file</span></li>
<li class="info-item">文件文号222::<span title="file">file</span></li>
</ul>
```
这样写可以使代码更加灵活,可以适应不同数量的数据,同时也方便维护和修改。
阅读全文