javascript - 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>