使用基于属性的Handlebars将元素添加到元素

Question

我用一个把手#each通过objets循环，给出一个给定的布尔属性，如：

<p:datatable>

基于该属性向html元素添加类的最简单方法是什么？像这样：

elements: [
  {
    text: "a"
    active: true
  },
  {
    text: "b"
    active: false
  }
]

我使用了把手4.0.6

Answer 1

您需要先打开helper block：

{{#if}}

然后，添加要检查的参数（在本例中为布尔值）：

{{#if active}}

然后，你这样关闭它：

{{#if active}}{{/if}}

然后，如果满足条件，您要呈现的内容将介于大括号之间：

{{#if active}}text{{/if}}>

因此，您的HTML看起来像：

{{#each elements}}
    <article {{#if active}}class="active"{{/if}}>
    ...
{{/each}}

或者，如果您还想在该元素中使用静态类：

{{#each elements}}
    <article class="example {{#if active}}active{{/if}}">
    ...
{{/each}}