Html 如何格式化和显示展平结果？

请帮我回答这个问题

我需要显示结果按键展平（agroupated）

实际上，我的小枝代码是：

完美的结果是：

<dt class='detail'>Color(s):</dt><dd>Blue, Red, Orange</dd><br><br>
<dt class='detail'>Style(s):</dt><dd>Old, Japanese</dd><br><br>

颜色：蓝色、红色、橙色


风格：老式日文

我的测试：

{{ product_properties(product.properties, "<dt class='detail'>{key}:</dt><dd>{value}</dd><br><br>") }}

{{product_属性（product.properties，{key}:{value}

”}

结果:

<dt class='detail'>Color(s):</dt><dd>Blue</dd><br><br>
<dt class='detail'>Style(s):</dt><dd>Old</dd><br><br>
<dt class='detail'>Color(s):</dt><dd>Red</dd><br><br>
<dt class='detail'>Style(s):</dt><dd>Japanese</dd><br><br>
<dt class='detail'>Color(s):</dt><dd>Orange</dd><br><br>

颜色：蓝色


样式：旧的


颜色：红色
风格：日文


颜色：橙色

看起来像是您的

产品。属性对象如下所示：

productProperties={
颜色：[“蓝色”、“红色”、“橙色”]，
风格：[“旧的”、“日本的”]
}

但是
product\u properties
函数在对象属性的每个元素中循环

考虑将产品对象转换为连接每个属性的所有值的其他对象：

函数concatProps（productProperties）{
返回{
颜色：productProperties.color.join（），
style:productProperties.style.join（）
}
}

然后，做：

{product_属性（concatProps（product.properties），“{key}:{value}

”}}

希望能有帮助。如果没有更多的细节，我无法做更多。
不清楚，我们不知道
产品属性
也不知道您的输入数据这能为您澄清吗？{%if product.properties{count>0%}{{product_属性（product.properties，{key}:{value}

”）}{%endif%}