在模板 html 模板中访问自定义属性

Question

我为产品创建了一个新的自定义属性，我需要在 HTML 模板中访问它。

我可以看到这些保存在 product.custom_fields 下，但是您如何引用特定自定义项的键和值属性？

例如，我有一个自定义字段，键为 'note'，值为 'one'。

我已经尝试通过以下方式在 HTML 模板上显示 'note' 和 'one'：

{{ product.custom_fields.note[key] }}

但是我收到了 500 个错误。我还没有找到可以解释如何执行此操作的参考资料。

Answer 1

试试这个

{{#each product.custom_fields}} 
  {{#if name '==' 'note'}}
    {{name}}: {{value}} 
  {{/if}}
{{/each}}

Answer 2

我刚刚找到了一个更简洁的按名称访问自定义字段的解决方案：

{{#filter custom_fields 'your-custom-property-name' property='name' }}
  {{value}}
{{else}}
  a fallback string in case you don't have it
{{/filter}}

这是 handlebars-helpers 存储库中过滤器助手的一个未记录的功能。它允许您过滤特定的属性.

Access custom property in stencil html template