Meteor Boşluk Çubukları şablonunda N kez bir bloğu tekrarlayabilirim?

Bir Spacebars şablonunda kod bloğu var: Ben isterim Meteor Boşluk Çubukları şablonunda N kez bir bloğu tekrarlayabilirim?

1. 
<select class="form-group"> 
    {{#each choices}} 
    <option>{{this}}</option> 
    {{/each}} 
</select> 
2. 
<select class="form-group"> 
    {{#each choices}} 
    <option>{{this}}</option> 
    {{/each}} 
</select> 
3. 
<select class="form-group"> 
    {{#each choices}} 
    <option>{{this}}</option> 
    {{/each}} 
</select>

edebilmek için:

1. 
<select class="form-group"> 
    {{#each choices}} 
    <option>{{this}}</option> 
    {{/each}} 
</select>

ben her zaman şöyle numarasını artırarak bu N kez tekrarlamak istiyorum Buna dikkat çekmek için N özel bir şablon etiketine geçin (örn. {{choices 3}}). Bunu yapmanın güzel bir yolu nedir? Şablon yardımcısı yazabileceğim belirsiz bir fikrim var, ama nereden başlayacağımı bilmiyorum.

kaynak

2015-03-27 raddevon

Çalışma Örnek: Bir sayımı geçmek ve keyfi nesneler dizisi dönebilirsiniz http://meteorpad.com/pad/THAQfpfrru5MgAGnS/Copy%20of%20Leaderboard

. En zarif değil ... ama işe yaradı!

HTML

<body> 
    {{>content}} 
</body> 

<template name="content"> 
    {{#each loopCount 5}} 
     <select class="form-group"> 
     {{#each choices}} 
      <option>{{this}}</option> 
     {{/each}} 
     </select> 
    {{/each}} 
</template>

Template.content.helpers({ 

    choices: function(){ 
    return ['choice1','choice2','choice3'] 
    }, 

    loopCount: function(count){ 
    var countArr = []; 
    for (var i=0; i<count; i++){ 
     countArr.push({}); 
    } 
    return countArr; 
    } 

});

kaynak

2015-03-27 18:49:48 ndcomix

Müthiş! Bu harika çalışıyor. Nesne dizisine bir sayı ekledim ve istediğim numaralandırmayı görüntülemek için bloğun içinde kullandım: http://meteorpad.com/pad/rbyBzy4FzBtZauK8m/Repeat%20template%20block – raddevon

Muhtemelen bu yorumu gönderdiğimi fark ettim sadece onları yerine sıralı bir listeye koyun. – raddevon

Eğer Meteor çizgi paketini kullanarak ve aynı zamanda coffeescript kullanacağınız başına ediyorsanız, aşağıdaki tek oluşturabilir satır şablonu yardımcısı:

t.helpers 
    loop: (count) -> {} for i in _.range count

Daha sonra şablonda bu yardımcı kullanabilirsiniz:

{{! Will display 'Output' 5 times }} 
{{#each loop 5}} 
    Output 
{{/each}}

kaynak

2016-06-25 22:46:39 rnevius

Bu örnekte sade JS ile yazılmış olması harika olurdu – Jirik

Meteor Boşluk Çubukları şablonunda N kez bir bloğu tekrarlayabilirim?

cevap

İlgili konular