使用 Assemble 从循环内部访问全局变量

Question

使用 Grunt.js 0.4 和 Assemble 0.3.78

如何从循环内部访问“page.filename”全局变量？

（调试）

<ul>
  {{#mysite.menu}}
    <li>{{page.filename}}</li>
  {{/mysite.menu}}
</ul>

（实际上） 建立一个菜单，试试这个：

{{#mysite.menu}}
  <li {{#is page.filename url}} class="on" {{/is}}>{{name}}</li>
{{/mysite.menu}}

其中url 和name 是每个mysite.menu 的属性

Answer 1

提供比您提供的信息更多的信息会有所帮助，例如您正在使用的数据示例。但如果可以的话，我会尽量回答。澄清一下，page 和 filename 都是 Assemble 中的内置“帮助器”/变量，filename 是几个“路径”帮助器之一，还有一些其他的：

• dirname：返回给定文件/目录的绝对路径。将返回：path/to/variables.md。用法：{{dirname [path]}}
• pagename：返回给定文件的全名。将返回：variables.md。用法：{{filename "docs/toc.md"}}
• 文件名：可用作pagename 的替代。
• basename：返回给定文件的基本名称。将返回：variables 用法：{{base "docs/toc.md"}}
• extension：返回给定文件的扩展名。将返回：.md 用法：{{extension "docs/toc.md"}}
• ext：可用作extension 的备用。
• relative：返回从文件 A 到文件 B 的派生相对路径。用法：{{relative [from] [to]}}。

这些可以像这样与page一起使用：

{{page.dest}}
{{page.absolute}}
{{page.dirname}}
{{page.filename}}
{{page.pagename}}
{{page.basename}}
{{page.extname}}
{{page.ext}}

或者，根据上下文和您的需要：

{{this.dest}}
{{this.dirname}}
{{this.filename}}
{{this.pagename}}
{{this.basename}}
{{this.extname}}
{{this.ext}}

当您在示例中使用 {{#each}} 块内的模板时，您需要添加 ../ 以提升上下文级别：

{{../page.dest}}
{{../page.absolute}}
{{../page.dirname}}
{{../page.filename}}
{{../page.pagename}}
{{../page.basename}}
{{../page.extname}}
{{../page.ext}}

或者，再次取决于您页面上的其他内容。 （我不知道在其余模板中进行了多少嵌套等）

{{../dest}}
{{../absolute}}
{{../dirname}}
{{../filename}}
{{../pagename}}
{{../basename}}
{{../extname}}
{{../ext}}

我的建议是，您只需将我列出的所有模板复制/粘贴到一个页面中并构建它。然后查看结果并查看哪些模板正在工作，它应该可以帮助您开始思考模板是如何工作的。 Handlebars 的上下文起初令人困惑，但希望这会有所帮助。

另外，如果您在那之后仍然遇到问题，可以查看一些“assemble-examples”存储库并尝试首先构建您的模板/页面没有任何这些帮助程序.然后提交你的工作并介绍帮助者，但不是一次只有一两个帮助者，当我学习时，我开始在一个页面中添加几十个帮助者，只是为了加快查看发生情况的过程在输出中，什么坏了，看看差异看看有什么变化。等等。

让我知道这是否至少能让你有所收获。我很乐意继续提供帮助。