Przecinek Przeciągnij za pomocą handlebars.js

Question

W dzisiejszych czasach pracuję z handlerbars.js i wydaje mi się to całkiem interesujące. Tam potrzebuję małej pomocy od was.

mam następujący wejście json

"ALERTS": [ 
    { 
     "alert_description": "ALCOHOL", 
    }, 
    { 
     "alert_description": "DIAGNOSIS", 
    } 
] 

i muszę napisać szablon do tworzenia następujący ciąg oddzielonych przecinkami.

ALCOHOL, DIAGNOSIS 

Mogłem wydrukować te wartości, używając linii po linii, korzystając z poniższego szablonu.

<div> 
    <div> 
{{#each this}} 
    <span>{{alert_description}}</span> 
{{/each}} 
</div> 
</div> 

Czy możecie pomóc mi rozwiązać ten problem? Dziękujemy za pomoc

Dzięki Keth

Answer 1

Można to zrobić bez pisania pomocnika przy użyciu {{#each}} i testowanie niejawny @index zmiennej:

{{#each this}} 
    {{#if @index}}, {{/if}} 
    <span>{{alert_description}}</span> 
{{/each}} 

Możesz także przetestować @first i @last (patrz handlebarsjs docs).

Answer 2

Dla tego rodzaju scenariusza, będę tworzyć pomocnika.

Oto moja realizacja

Handlebars.registerHelper('commalist', function(items, options) { 
    var out = ''; 

    for(var i=0, l=items.length; i<l; i++) { 
    out = out + options.fn(items[i]) + (i!==(l-1) ? ",":""); 
    } 
    return out; 
}); 

i szablon

<div> 
    <div> 
    {{#commalist this}} 
     <span>{{alert_description}}</span> 
    {{/commalist}} 
    </div> 
</div> 

W rzeczywistości pomocnik jest tu tylko dla przecinkiem. Nadal można umieścić html wewnątrz pomocnika (przęsła, div, ...)