Question

我有一个index.html文件，我将其用作我的基本文件。然后，我想将网站的各个部分分成较小的文件，以包含在我的基本文件中。我正在尝试使用导航菜单执行此操作。我使用browserify来包含模板文件。

的index.html

<body>
    <div id="nav-template"></div>
</body>

nav.handlebars

<script id="nav-template" type="text/x-handlebars-template">
    <p>This Is A Nav</p>
</script>

然后我运行把手nav.handlebars -f templates.js

app.js

var $ = require('jquery');
var Handlebars = require('handlebars');
var templates = require('./templates');

var template = Handlebars.templates['nav-template']
var html = template();

$('#nav-template').html(html);

我的浏览器中没有任何内容，也没有错误。

Answer 1

nav.handlebars应该是：

<p>This Is A Nav</p>

使用外部处理程序栏文件时无需script标记

在Handlbars中包含其他模板文件

1 个答案: