«handlebars.js» etiketlenmiş sorular

Gidon JS'de mantıksal işleçleri standart gidonlara. Koşullu operatöre dahil etmenin bir yolu var mı? Bunun gibi bir şey: {{#if section1 || section2}} .. content {{/if}} Kendi yardımcımı yazabileceğimi biliyorum, ama önce tekerleği yeniden keşfetmediğimden emin olmak istiyorum.

479 javascript  handlebars.js 

Gördüğüm önemli farklılıklar: Gidon ekler #if, #unless, #withve#each Gidon yardımcıları ekler Gidon şablonları derlenir (Bıyık da olabilir) Gidonlar yolları destekler {{this}}Bloklar halinde kullanılmasına izin verir (geçerli öğenin dize değerini çıktılayan) Handlebars.SafeString() (ve belki diğer bazı yöntemler) Gidon 2 ila 7 kat daha hızlı Bıyık ters bölümleri destekler (yani if !x …

333 handlebars.js  mustache  client-side-templating  templating-engine 

Gidon şablonu içinde bir dizideki bir öğenin dizinini belirtmek çalışıyorum: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } bunu kullanarak: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Yukarıdakiler mümkün değilse, dizi içindeki spefic bir öğeye erişebilecek bir yardımcı nasıl yazarım?

270 javascript  handlebars.js 

Projemde templaj yapmak için Gidon kullanıyorum. Gidonlarda bir "her" yardımcısının mevcut yinelemesinin dizinini almanın bir yolu var mı? <tbody> {{#each item}} <tr> <td><!--HOW TO GET ARRAY INDEX HERE?--></td> <td>{{this.key}}</td> <td>{{this.value}}</td> </tr> {{/each}} </tbody>

267 javascript  handlebars.js 

Handlebars.js istemci yan görünüm oluşturma için kullanıyorum. Else harika çalışıyorsa, ancak ELSE IF gerektiren 3 yollu bir koşulla karşılaşırsam: Bu işe yaramaz: {{#if FriendStatus.IsFriend }} <div class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></div> {{else if FriendStatus.FriendRequested}} <div class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></div> {{else}} <div class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></div> {{/if}} Gidonlarla ELSE …

241 handlebars.js 

Soru başlığının dediği gibi, bir nesne özellikleri arasında döngü yapmanın bir bıyık / gidon yolu var mı? Böylece var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } Sonra şablon motorunda eşdeğer bir şey yapabilir miyim for(var prop in o) { // with say, prop …

216 javascript  handlebars.js  mustache 

Aşağıdaki basitleştirilmiş verileri göz önünde bulundurun: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; Ve bir Gidon şablonu: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} eachDöngü içinde, üst kapsam erişilebilir değil - en azından denediğim şekilde bu işe yaramaz . Bunu yapmanın bir yolu olduğunu umuyorum!

204 javascript  handlebars.js 

Tıpkı bunun gibi bir gidon.js şablonu var: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> Ve bu üretilen çıktıdır: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Beklendiği gibi, seçimimi oluşturmak için her öğenin idve titlealanlarına erişebilirim myCollection. Ve externalValueseçimin …

188 javascript  templates  scope  each  handlebars.js 

Ben böyle bir ifade var: {{#if IsValid}} ifBöyle bir negatif ifadeyi nasıl kullanabileceğimi bilmek istiyorum : {{#if not IsValid}}

179 ember.js  handlebars.js 

Ben ember.js öğreniyorum ve bir görünüm ile bileşen arasındaki farkı anlamaya çalışıyorum. Her ikisini de yeniden kullanılabilir bileşenler yapmanın bir yolu olarak görüyorum. Ember'in web sitesinden görüntülemeler: Ember.js'deki görünümler genellikle yalnızca aşağıdaki nedenlerle oluşturulur: -Kullanıcı etkinliklerinin karmaşık şekilde işlenmesi gerektiğinde -Yeniden kullanılabilir bir bileşen oluşturmak istediğinizde Ember'in web sitesindeki bileşenler …

143 javascript  ember.js  handlebars.js 

Etiketleri giden dize kaçmadan bir gidon şablonuna html etiketleri ile bir dize eklemek için bir yolu var mı? template.js: <p>{{content}}</p> şablonu kullan HBS.template({content: "<i>test</i> 123"}) gerçek sonuç: <p><i>test</i> 123</p> Beklenen Sonuç: <p><i>test</i> 123</p>

143 javascript  handlebars.js 

Saplama motorum olarak Handlebar.js kullanıyorum. Şimdi gidon şablonlarımdaki bazı blokları yorumlamak istiyorum. Ama sonra Gidon'un Gidon yorum bloğundaki ifadeleri görmezden gelmediğini fark ettim. Bunun için herhangi bir geçici çözüm var mı?

134 javascript  html  templates  handlebars.js 

Şu anda bir express.js uygulamasında handlebars.js ile uğraşıyorum. İşleri modüler tutmak için, tüm şablonlarımı bölümlere ayırıyorum. Benim sorunum : Değişkenleri kısmi bir çağrı yoluyla geçirmenin bir yolunu bulamadım. Diyelim ki şuna benzeyen bir kısmım var: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> Bu kısmı 'myPartial' adıyla kaydettiğimi varsayalım. Başka bir şablonda …

131 javascript  html  handlebars.js  templating 

Handlebars.js şablonunda, listeye / koleksiyona gitmeden ve yinelemeden önce koleksiyonun veya listenin boş veya boş olup olmadığını kontrol etmenin bir yolu var mı? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

122 handlebars.js 

Tüm javascript tam yığın uygulamalarında yeniyim ve Angular'da tamamen yeniyim, bu yüzden birinin kaydı benim için doğrudan buraya koymasını umuyordum. AngularJS kullanarak istemci tarafı uygulamaları yazarken neden Jade veya Handlebars gibi bir şablonlama çerçevesi kullanmam gerekir? Bu şablonlama çerçevelerinin hiçbirini de hiç kullanmadım demeliyim. Bu yüzden avantajları tam olarak bilmiyorum. …

120 node.js  mongodb  angularjs  handlebars.js  pug