Я работаю над приложением wep, используя рули и Pug в качестве шаблонных движков.
на одной странице у меня есть изображение base64 в контексте, которое я передаю рулю, как в следующем минимальном примере:
HTML
script(id="my-temp",type="text/x-handlebars-template")
img(src="{{image}}")
JS
var template = $('#my-temp').html();
var ctx = {
image:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD..." // base64 is here
}
var templateScript = Handlebars.compile(template);
var html = templateScript(ctx);
console.log(html); //image src is empty at this point
$(html).insertBefore('#my-temp');
Вывод из браузера
<img src(unknown)>
Есть идеи, почему изображение всегда пустое и не появляется в скомпилированном HTML?