显示来自下划线模板中链接的图像（尤其是来自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 );
}

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