SORU
28 Aralık 2011, ÇARŞAMBA


Önceden derlenmiş şablonlar Handlebars.js ile kullanarak (jQuery Mobil ortam)

Biraz Gidon şablonları ön derleme ile mücadele ediyorum. JQuery Mobile projem çok büyük şablon-bilge oluyor ve pre-derleme kullandığım şablonları etmek istiyorum.

Ancak iyi bir açıklama (adım öğretici bir adım gibi) Gidon ile bunu yapmak için nasıl bulmak için görünmüyor olabilir.

Ben hala benim şablonları tüm satır içi komut dosyası etiketlerini kullanmak. Gidon etmesinin önünü kullanarak yüklü. Ama şimdi nasıl devam etmek için biraz kayboldum.

Gibi bir şey yaptığını tahmin ediyorum

handlebars -s event.handlebars > event.compiled

ve bir şekilde bu olay da dahil olmak üzere.derlenmiş içeriğini? Ama sonra, nasıl dersen.

Benim şablon gibi arıyorum

var source = $('#tmpl_profile').html(),
template = Handlebars.compile(source),
context = user.profile()),
html    = template(context);

Birisi bana bu konuda biraz ışık tutabilir umarım.

CEVAP
29 Aralık 2011, PERŞEMBE


Pek çok deneme ve hata bunu öğrenmenin en iyi yolu olan) sonra burada bana uyan bir şey.

İlk - tüm şablonları yansıtmak, script etiketleri gibi içinde bir şablon var

<script id="tmpl_ownevents" type="text/templates">
    {{#unless event}}
        <div class="notfoundevents"><p>No events for you</p></div>    
    {{/unless}}
</script>

Yeni bir dosya olayları oluşturun.tmpl ve kopyalama şablonu yapıştırın/. Script elemanları kendilerini kaldırmak için emin, bu yakaladım biraz bana..

Gidon komut satırı komut dosyası gibi yükleyin

npm install -g handlebars

olaylar kaydettiğiniz klasöre gidin.içine tmpl ve çalıştırın

handlebars events.tmpl -f events.tmpl.js

Handlebars.js sen dahil sonra HTML içine derlenmiş javascript vardır

<script src="events.tmpl.js"></script>

Şimdi geriye kalan tek şey, aşağıdaki andıran içine normal şablon kodunuzu değiştirin

var template = Handlebars.templates['events.tmpl'], // your template minus the .js
    context = events.all(), // your data
    html    = template(context);

Ve işte karşınızda, önceden derlenmiş Gidon şablonları süper hızlı.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Chuck Testa

    Chuck Testa

    14 AĞUSTOS 2011
  • EmmightySofia

    EmmightySofi

    25 EYLÜL 2011
  • Whizzpopping

    Whizzpopping

    10 Kasım 2005