javascript - アンダースコアテンプレートのリンクからの画像を表示する（特にドロップボックス画像リンクから）

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 );
}

これは、画像リンクを挿入する方法の汚い例を示すためだけのものです。テンプレートとモデルを取り、それを再利用できる抽象クラスを用意することをお勧めします。