jsRender怎么用一个模板多次渲染数据

Question

用jsrender填充数据

            var data = data.data[0];
            var htmlOutput = $("#proAttrTemp").render(data);
            $(".attr").html(htmlOutput);

#proAttrTemp 是定义的模板 ， 第一次渲染数据是可行的， 但是再次接受数据往模板填充数据就报错：unKnow Template

是否需要在填充前先清空模板 ?. 但是我没有找到清空的API， 求教

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要解决这个问题，你需要确保在每次调用render方法时都清除之前的输出。这可以通过将输出设置为null或undefined来实现。

以下是一个示例：

var data = data.data[0];

// 清除之前的数据
if ($(".attr").length > 0) {
    $(".attr").empty();
}

var htmlOutput = $("#proAttrTemp").render(data);

// 设置输出为 null 或者 undefined
if (htmlOutput === null || htmlOutput === undefined) {
    htmlOutput = "";
}
$(".attr").html(htmlOutput);

这个例子中，我们首先检查.attr元素是否有内容（即它是否包含任何子元素）。如果没有，我们就清空它。然后，我们将$("#proAttrTemp")的render方法返回的结果设置为空或者未定义，这样当我们在.attr上添加新的HTML时，就不会出现错误了。