Ö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
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ı.
Kullanarak önceden derlenmiş CMake ile...
Görüntüleri önceden yükle JavaScript/j...
Nasıl bir yönlendirme sayfası jQuery k...
Açılan listeden seçili metin (seçim ku...
İptal Ajax istekleri jQuery kullanarak...