我试图用jsRender组合一个模板,而不是我自己使用的版本,但是,我一直得到这样的信息:"Uncaught Error:语法错误不匹配或缺少标记:{{/for}“中的”{/for}“后面跟着我的整个模板。
这里是我的代码的截短版本,对于发生了什么,有什么想法吗?还是仅仅是嵌套的for循环?
<div class="page" id="{{:info.id+info.name}}">
{{for sources}}
<header class="feed-title">
<div class="feed-title-content">
<span class="feed-title-text">{{:title}}</span>
</div>
</header>
<section class="row">
<div class="scroll-left"></div>
<div class="row-scroll">
{{for articles}}
// An if, else and some standard content insertion stuff is/was here
{{/for}}
</div>
<div class="scroll-right"></div>
</section>
{{/for}}
</div>显示我的数组结构的chrome开发工具的屏幕截图:
扩展视图的屏幕截图1:

然后倒下了:

对发生了什么事有什么想法吗?
编辑:忘了提到,我正在使用John爸爸的代码从一个外部文件中加载这个
编辑:演示和代码:
Chrome的开发工具输出我的数组:
Object
info: Object
sources: Array[1]
0: Object
articles: Array[7]
0: Object
1: Object
2: Object
3: Object
4: Object
5: Object
6: Object
link: "http://lifehacker.com"
title: "Lifehacker"演示:AMK/3J7AE/
以及工作的嵌套数组:
Object
foo: "names"
testData: Array[2]
0: Object
markup: "<span style='background: yellow'>John</span>"
name: "John"
secondary: Array[1]
0: Object
1: Object演示:AMK/Vf8Bq/
发布于 2012-07-19 14:44:32
您是对的,问题似乎是您的JavaScript对象。我认为要循环的属性需要是数组而不是对象。你的模板工作得很好使用您在注释中给出的jsfiddle示例中的testdata。
如果不是这样的话:您可以添加对象的JSON序列化吗?您的模板似乎有效:http://jsfiddle.net/6wcX8/1/
https://stackoverflow.com/questions/11563042
复制相似问题