underscore.js 模板函数引用错误

Question

我正在尝试根据 http://underscorejs.org/#template 和其他教程

在以下代码中使用 underscore.js 模板函数

json = {"data": [{"img0": "image.jpg"}]}
var compiled = _.template("image: <%= img0 %>");
compiled(json.data[0]);
document.getElementById("albums").innerHTML = compiled();

但是我得到了这个错误：

Uncaught ReferenceError: img0 is not defined

你能给我解释一下问题是什么吗？

Answer 1

调用模板函数时需要传递参数，

var json = {"data": [{"img0": "image.jpg"}]};
var compiled = _.template("image: <%= img0 %>");

document.getElementById("albums").innerHTML = compiled(json.data[0]);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<div id="albums"></div>

underscore.js 模板函数引用错误

underscore.js template function referenceError

javascript

underscore.js