JSViews:多个‘链接’

Question

我在使用JSViews 1.0.0alpha时遇到了一些奇怪的行为。至少，我认为那不是我，但我不能完全确定...

我在一个HTML文件中定义了数据和模板的多个部分：

  var data = { extensions: [], queues: [] };

  $.templates({
    extensions: "#extensionsTemplate",
    queues: "#queuesTemplate"
  });

然后我将这些数据绑定到我定义的模板上：

  $.templates.extensions.link('#extensions', data);
  $.templates.queues.link('#queues', data);

当我执行时，只有第一个link命令工作正常。然而，第二个不做任何事情。我知道它是正确的，因为如果我注释掉第一个链接，第二个就会工作得很好。

我尝试过将数据拆分成多个变量，但也不起作用。有没有人对如何获得我正在寻找的行为，即两个数据链接有什么想法？谢谢!

Answer 1

这应该可以很好地工作。

这对我来说是正确的：

<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>