我在JSViews 1.0.0alpha中遇到了一些奇怪的行为。至少,我认为这不是我,但我并不完全确定......
我在一个HTML文件中定义了多个数据和模板部分:
var data = { extensions: [], queues: [] };
$.templates({
extensions: "#extensionsTemplate",
queues: "#queuesTemplate"
});
然后我将这些数据绑定到我定义的模板:
$.templates.extensions.link('#extensions', data);
$.templates.queues.link('#queues', data);
执行时,只有第一个链接命令才能正常工作。然而,第二个并没有做任何事情。我知道这是正确的,因为如果我注释掉第一个链接,第二个链接就可以了。
我尝试将数据分成多个变量,但这也不起作用。有没有人想过如何获得我正在寻找的行为,即两个数据链接?谢谢!
答案 0 :(得分:0)
这应该可以正常工作。
这适用于我:
<script id="extensionsTemplate" type="text/x-jsrender">
a{{for extensions}}{{:#data}}{{/for}}
</script>
<script id="queuesTemplate" type="text/x-jsrender">
b{{for queues}}{{:#data}}{{/for}}
</script>
<div id="extensions"></div>
<div id="queues"></div>
<script type="text/javascript">
var data = { extensions: [1,2], queues: [3,4] };
$.templates({
extensions: "#extensionsTemplate",
queues: "#queuesTemplate"
});
$.templates.extensions.link('#extensions', data);
$.templates.queues.link('#queues', data);
</script>