Pug 模板，向多行 JSON 添加断线

Question

我有一个带有多行值的键的 JSON。

我正在尝试让哈巴狗用断线将其渲染成多行，但它显示在一行中。

https://codepen.io/anon/pen/mXjZZR

<pre>
    -
      var example = [
        {
          "company": "Orange Software",
          "website": "example.com",
          "summary": "Lorem ipsum dolor sit amet, consectetur adipisicing elit.",
          "services": [
            "Customer experience",
            "Digital strategy",
            "Velocity development"
          ]
        }
      ];

  body

    for i in example
      h1 #{i.company}
      p #{i.services}

</pre>

Answer 1

目前services数组中的所有项目都附加到<p>段落标签中，因此它显示在一行中。

<h1>Orange Software</h1>
<p>Customer experience,Digital strategy,Velocity development</p>

要在不同的行中显示它，您还应该迭代 services 数组，并添加单独的数组项以分隔 <p> 段落元素。

for i in example
  h1 #{i.company}
  for j in i.services
    p #{j}

渲染到，

<h1>Orange Software</h1>
<p>Customer experience</p>
<p>Digital strategy</p>
<p>Velocity development</p>

请让我知道这是否有帮助。