Pertanyaan yang diberi tag «handlebars.js»

Handlebars adalah pustaka template untuk JavaScript.

26
Operator logis dalam kondisi setang {{#if}}
Apakah ada cara di setang JS untuk memasukkan operator logis ke dalam operator kondisional setang standar? Sesuatu seperti ini: {{#if section1 || section2}} .. content {{/if}} Saya tahu saya bisa menulis pembantu saya sendiri, tetapi pertama-tama saya ingin memastikan saya tidak menciptakan kembali roda.

8
Apa perbedaan antara Mustache.js dan Handlebars.js?
Perbedaan utama yang saya lihat adalah: Setang menambahkan #if, #unless, #with, dan#each Setang menambah pembantu Templat templat dikompilasi (Bisa juga kumis) Setang mendukung jalur Mengizinkan penggunaan {{this}}dalam blok (yang menampilkan nilai string item saat ini) Handlebars.SafeString() (dan mungkin beberapa metode lain) Setang 2 hingga 7 kali lebih cepat Kumis mendukung …

9
Bagaimana cara mengakses item array akses dengan indeks di setang?
Saya mencoba menentukan indeks suatu item dalam array di dalam template setang: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } menggunakan ini: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Jika hal di atas tidak memungkinkan, bagaimana cara saya menulis pembantu yang dapat mengakses item spefic di dalam array?

6
Bagaimana cara mendapatkan indeks di Setang setiap helper?
Saya menggunakan Setang untuk templating di proyek saya. Apakah ada cara untuk mendapatkan indeks iterasi saat ini dari pembantu "masing-masing" di Handlebars? <tbody> {{#each item}} <tr> <td><!--HOW TO GET ARRAY INDEX HERE?--></td> <td>{{this.key}}</td> <td>{{this.value}}</td> </tr> {{/each}} </tbody>

7
Handlebars.js Else If
Saya menggunakan Handlebars.js untuk rendering tampilan sisi klien. If Else berfungsi dengan baik tetapi saya telah menemukan persyaratan 3 cara yang membutuhkan ELSE IF: Ini tidak berfungsi: {{#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 …


2
Akses properti induk dengan loop 'setiap' Setang
Pertimbangkan data sederhana berikut ini: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; Dan template Gagang: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} Ini tidak akan berfungsi karena dalam eachloop, cakupan induk tidak dapat diakses - setidaknya tidak dengan cara apa pun yang saya coba. Saya berharap …

3
Akses variabel di luar lingkup Handlebars.js setiap loop
Saya memiliki template setang.js, seperti ini: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> Dan ini adalah output yang dihasilkan: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Seperti yang diharapkan, saya dapat mengakses iddan titlebidang setiap elemen myCollectionuntuk menghasilkan …


3
Tampilan vs Komponen di Ember.js
Saya belajar bara.js, dan saya mencoba memahami perbedaan antara pandangan dan komponen. Saya melihat keduanya sebagai cara membuat komponen yang dapat digunakan kembali. Dari situs web Ember pada tampilan: Tampilan di Ember.js biasanya hanya dibuat untuk alasan berikut: -Ketika Anda membutuhkan penanganan peristiwa pengguna yang canggih -Ketika Anda ingin membuat …

3
Sisipkan html dalam templat stang tanpa melarikan diri
Apakah ada cara untuk memasukkan string dengan tag html ke templat setang tanpa melepaskan tag dalam string yang keluar? template.js: <p>{{content}}</p> gunakan templat HBS.template({content: "<i>test</i> 123"}) hasil aktual: <p><i>test</i> 123</p> Hasil yang diharapkan: <p><i>test</i> 123</p>


8
Melewati variabel melalui setang sebagian
Saat ini saya sedang berurusan dengan setang.js dalam aplikasi express.js. Untuk menjaga hal-hal modular, saya membagi semua templat saya menjadi parsial. Masalah saya : Saya tidak dapat menemukan cara untuk mengirimkan variabel melalui doa parsial. Katakanlah saya memiliki sebagian yang terlihat seperti ini: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> Mari …

5
handlerbars.js periksa apakah daftar kosong
Apakah ada cara di Handlebars.js membuat template untuk memeriksa apakah koleksi atau daftar kosong atau kosong, sebelum pergi dan mengulang melalui daftar / koleksi? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}


Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.