現在、アンダースコア テンプレートを使用して、連絡先のリストを表示する HTML リストをレンダリングしています。
テンプレートは次のようになります。
<li>
<span class="name">Name: <=%data.name%></span>
<span class="email">Name: <=%data.email%></span>
<img class="avatar" src="<=%data.avatar%>"></img>
</li>
問題は、テンプレート データを設定すると、画像のソースがわからないことです。なんで?私のデータは次のようになっているためです。
contact = {
name: string, // i.e. 'John Doe'
email: string, // i.e 'john@doe.com'
avatar: string // i.e. '11a93150-14d4-11e3'
}
アバターは実際には URL ではなく、フェッチが必要なリモート データベースへのリンクです。何かのようなもの:
function getAvatar(uuid, cb) { // uuid is something like 11a93150-14d4-11e3
window.db.getImageUrl(function(url) {
cb(url); // url is something like http://foo.com/avatar.png
});
}
質問は、連絡先オブジェクトのアバター値を直接読み取る代わりに、テンプレートがレンダリングされるときに getAvatar のような関数への参照を埋め込むことができるように、テンプレートを作成する方法はありますか?アバター画像のURL?
前もって感謝します