Using @key inside of a loop works fine in development but not production

Question

The code below works fine in development. I get the number (@key) appended to my class 'step' to produce...'step0, step1, step2, ...) but it does not work in production. Any suggestions on how to get this to work in production?

{{#careers}}
     <div class="col-sm-{{{../size}}} emp text-center"><span class="emp-role">{{this}}</span><span class="step{{@key}}"></span></div>
{{/careers}}

The overall goal was to produce numbered 'step' classes.

I then had some css to handle step0, step1, step2 and step3.

.step0 {
   ...
}
.step1 {
   ...
}
.step2 {
   ...
}

I tried to do this with an nth-child() but couldn't get it work work.

The result in production is "step" with no number appended to it. Would I need triple mustaches around my @key? — Mithrilhall, Apr 30 '15 at 18:09
If everything else renders correctly, the problem is probably somewhere else. Without seeing your code, or knowing what template system you're using, though, it's pretty hard to say. — Jordan Running, Apr 30 '15 at 18:22
We're using app.set('view engine', 'html'); app.engine('html', hbs.__express). I hope this helps. — Mithrilhall, Apr 30 '15 at 18:34

score 0 · Accepted Answer · answered May 21 '15 at 21:22

0

I was using {{@key}} when I should have been using {{@index}}.

Answer found here.

answered May 21 '15 at 21:22

Mithrilhall

1,463
8
33
51

Using @key inside of a loop works fine in development but not production

1 Answers1