如何使用npm handlebars模块处理partials?

时间:2018-02-14 18:19:03

标签: javascript html handlebars.js partials

我正在使用静态网页,我想在不同的html文件中添加部分内容。

考虑使用 javascript 代码的 src文件夹,稍后由browserify编译,以创建 bundle.js 文件。< / p>

在src文件夹中,我创建了一个views/partials/test路径。 test 文件夹包含手柄部分尝试。

测试/ template.js

const yo = require('yo-yo')
let template = yo`
  <script id='test' type='text/x-handlebars-template'>
    <div>
      <h1>This is a test sentence</h1>
    </div>
  </script>
`
module.exports = template

测试/ index.js

const handlebars = require('handlebars')
const template = require('./template')

$('body').append(template);
handlebars.registerPartial('Test', $('#test').html());

在主html文件中,我只添加了 bundle.js ,并根据{{> Test}}名称添加了部分正文,在本例中为handlebars.registerPartial

但是,在主视图中,我将语法{{> Test}}作为纯文本,而不是测试文本:这是一个测试句。我试图将手柄cdn脚本直接添加到html文件中,但它显示了相同的结果。

我是否遗漏了javascript代码中的内容,或者我需要在主html文件中添加内容?

我认为handlebars.registerPartial没有注册任何内容..

任何解决此问题的建议都将受到赞赏。

1 个答案:

答案 0 :(得分:0)

看起来像一个简单的拼写错误。将Handlebars.registerPartial与大写H一起使用。

请告诉我这是否有帮助。