使用javascript渲染树枝模板

Question

我正在尝试获取一个树枝模板，以便在javascript中完全没有运气。 控制台没有提示我任何错误，模板也没有呈现。

我究竟做错了什么？

码：

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

我不确定在哪里使用Twig （后端或前端），但是我认为您的问题是您正在尝试编译twig file并将编译后的结果放入某个元素中。 我尝试用twig答案之前你自己，好像Twig.rendering不是方法来呈现。 它是模板文件的编译方法。 因此， renderFile范围内的html是已编译的结果。 您必须以某种方式将其放入元素中。 因为html是字符串，所以html; 什么也不会做。

实际上，您可以使用console.log(html)查看其结果。 （它将是html字符串。）。

只需将使用html的方法添加到范围中即可。 然后，它应该工作。

您的renderFile需要这样的东西

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