javascript - 如何在两个单独的页面上显示车把模板？

我有2个HTML页面（page1.html和page2.html）和1个数据源。我可以通过将整个页面变成模板

来显示page1.html中的把手数据

page1.html：

<body>
    <div class="row" id="content-placeholder"></div>
      <script id="some-template" type="text/x-handlebars-template">
      <h1>{{Title}}</h1>
      </script>

data.js

var source   = $("#some-template").html();
var template = Handlebars.compile(source);

var gData = {
   title: 'My Website'//,...
}


$("#content-placeholder").html(template(gData));

这有效，但我想在第二个html页面上显示相同数据对象的一部分。

page2.html

<body>
<div class="row" id="content-placeholder2"></div>
  <script id="second-template" type="text/x-handlebars-template">
  </script>

我尝试使用偏爱但我不认为这是解决方案。如何编译两个模板？

谢谢！

如何在两个单独的页面上显示车把模板？

0 个答案: