javascript - 显示来自下划线模板中链接的图像（尤其是来自 Dropbox 图像链接）

Question

如何将图像链接插入下划线模板，以便显示图像？

Answer 1

script type="text/template" class="imageViewTemplate">
      <img src=<%=imageUrl%> />
</script>

然后，您必须解释将 url 传递给已编译模板的模板。例如，如果您正在使用主干，您将在主干视图渲染功能中执行如下操作。

render(){
      var compiledTemplate = _.template($("#imageViewTemplate").text()));
      var interpretedImageTemplate = compiledTemplate({url: "url to image service"});
      $(this.el).append( interpretedImageTemplate );
}

这只是为了展示一个肮脏的例子，我们如何插入图片链接。最好有一个抽象类，它接受模板和模型，然后可以重用。