基于财产

Question

有车把

我环路添加类元素与手把#each通过与给定的布尔属性像OBJETS：

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

什么是一类添加到基于HTML元素的最简单方法那财产？事情是这样的：

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

我使用车把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}}