Twig JS Inline模板无法解析

时间:2013-08-18 00:30:48

标签: javascript templates youtube youtube-api twig

我是Twig.js的新手,并且在让它正确呈现一些JSON方面遇到了一些麻烦。我正在使用jQuery从Youtube中提取JSON结果并将其传递给内联Twig模板。一切正常,除了在我的模板中,我需要从JSON中提取的实际文本在item.title.$t下,$似乎正在抛弃它。我收到错误Unable to parse '$t' at template position0

我的全部功能如下:

$.getJSON('http://gdata.youtube.com/feeds/api/videos?q=stack+overflow&max-results=5&&v=2&alt=json', function(data){
  var template = twig({
    id: 'videos',
    data: '{% for item in feed.entry %}<h1>{{ item.title.$t }}</h1>{% endfor %}'
  });
  var postsHTML = twig({ ref: "videos" }).render(data);
  // Display the rendered template
  document.getElementById("videos").innerHTML = postsHTML;
});

有没有办法逃避模板中$之类的奇怪字符?我在文档中找不到对这种能力的引用。我知道数据正在被正确读取,因为我可以渲染title对象,而不是$t propoerty。谢谢你的帮助!

1 个答案:

答案 0 :(得分:0)

经过一些调整之后,我再次尝试将该属性作为数组访问,并且它有效。见下文:

'{% for item in feed.entry %}<article><header><h1>{{ item.title[\'$t\'] }}</h1></header></article>{% endfor %}'