使用javascript渲染树枝模板

Question

I'm trying to get a twig template to render in javascript with no luck at all. The console is not getting me any errors and the template not getting rendered.

What am i doing wrong?

Code:

import Twig from 'twig';

fetch(videos).then(res => res.json())
  .then(data => {
    data.items.forEach(item => {
        Twig.renderFile('./themes/mytheme/views/components/thumbnail.twig', {item:'item'}, (err, html) => {
            html; 
        });
  });

Answer 1

I am not so sure where do you using Twig (backend or frontend) but I think your problem is you are trying to compile twig file and put the compiled result into some element. I try using twig myself before answer you, it seems like Twig.rendering is not method to render. It is template file compiling method. So, html inside the renderFile s scope is the compiled result. You have to put it into element somehow. Because of html is string, html; will do nothing.

Actually, you can use console.log(html) to see the result of it. (It will be html string.).

Just add the method to use html into the scope. Then, it should works.

You need something like this inside your renderFile

document.getElementById('container').innerHTML = html