我正在将assemble.io用于一个简单的静态网站,但是{{title}}标签存在问题。这是该问题的粗略概述。

这是我的 layout.hbs :

<!DOCTYPE html>
<html>
  <head>
    <title>{{title}}</title>
  </head>
  <body>
    <!-- the body tag is used to "pull in" content from pages -->
    {{> body }}
  </body>
</html>

我有2个用于数据的json文件:

foo1.json
{
  "title": "Hello world I am title 1"
}

foo2.json
{
  "title": "I am a different title"
}

我有2页:

foo1.hbs
{{#foo1 }}
 {{> module1 }}
 {{> module2 }}
 {{> module3 }}
{{/foo1 }}

foo2.hbs
{{#foo2 }}
 {{> module1 }}
 {{> module2 }}
 {{> module3 }}
{{/foo2 }}

我的 gruntfile.js 代码段:
options: {
  layout: "src/responsive/layouts/layout.hbs",
  partials: 'src/responsive/modules/**/*.hbs',
  data: 'src/responsive/data/**/*.json',
  flatten: false
},
pages: {
  expand: true,
  cwd: 'src/responsive/pages',
  src: '**/*.hbs',
  dest: 'src/'
}

当我运行“grunt assemble”时,没有页面标题。我认为这与上下文有关,好像我将layout.hbs中的{{title}}更改为{{foo1.title}}{{foo2.title}}一样有效,但是随后两个页面都使用相同的标题,因为它们共享此模板。

如何使layout.hbs中{{title}}的上下文对传递的所有json文件有效?

一种。

最佳答案

@Adi我设置了一个repo here,其中包含您描述的结构。

我刚刚更改了this code in layout.hbs,并且按预期方式工作。

<!DOCTYPE html>
<html>
  <head>
    <title>{{page.title}}</title>
  </head>
  <body>
    <!-- the body tag is used to "pull in" content from pages -->
    {{> body }}
  </body>
</html>

如果您有一份 repo 单,我们可以看一下,它可能有助于找出问题所在。

希望这可以帮助。

10-07 14:21