Question

我有多个级别的页面首页。我的页面首页看起来像这样：

grids:
- template: section
  background_image: "/uploads/2018/05/01/q-mark.png"
  rows:
  - template: row
    stack-columns: tablet-s
    cols:
    - template: column
      title: "Column-1 Title"
- template: section
  background_image: "/uploads/2018/05/01/lk.png"
  rows:
  - template: row
    stack-columns: tablet-s
    cols:
    - template: column
      title: "Column-2 Title"
    rows:
  - template: row
    stack-columns: tablet-l
    cols:
    - template: column
      title: "Column-3 Title"

我可以显示两个网格的一级模板名称：

{{ range .Params.grids }}
   {{ .template }}
{{ end }}

如何在循环中返回行和列的模板名称？

Answer 1

我知道了。您可以使用嵌套范围来访问具有多个级别的参数：

    {{ range .Params.grids }}

      <p>Grid template name: {{ .template }}</p>

        {{ range .rows }}

          <p><strong>row template name: </strong>{{ .template }}</p>

          {{ range .cols }}

            <p><em>col template name:</em> {{ .template }}</p>

          {{ end }}

        {{ end }}

    {{ end }}

这将显示：

网格模板名称：部分

行模板名称：行

col模板名称：列

网格模板名称：部分

行模板名称：行

col模板名称：列

Hugo嵌套循环可遍历多级YAML

1 个答案: