Запитання з тегом «handlebars.js»

Ручки - це бібліотека шаблонів для JavaScript.

26
Логічний оператор у handlebars.js {{# #f)} умовний
Чи є спосіб у рульовій JS включити логічні оператори до стандартного умовного оператора handlebars.js? Щось на зразок цього: {{#if section1 || section2}} .. content {{/if}} Я знаю, що міг написати власного помічника, але спочатку хотів би переконатися, що я не винаходив колесо.

8
Які відмінності між Mustache.js та Handlebars.js?
Основні відмінності, які я бачив: Рулі додає #if, #unless, #with, і#each Руль додає помічників Шаблони рулів компілюються (вуса теж можуть бути) Руль підтримує шляхи Дозволяє використовувати {{this}}в блоках (що виводить значення рядка поточного елемента) Handlebars.SafeString() (і, можливо, деякі інші методи) Ручки в 2 - 7 разів швидші Вуса підтримують перевернуті …

9
Як отримати доступ до елемента масиву доступу за індексом на панелі керування?
Я намагаюся вказати індекс елемента в масиві в межах шаблону рулі: { people: [ {"name":"Yehuda Katz"}, {"name":"Luke"}, {"name":"Naomi"} ] } використовуючи це: <ul id="luke_should_be_here"> {{people[1].name}} </ul> Якщо вищезгадане неможливо, як я можу написати помічника, який міг би отримати доступ до певного елемента в масиві?

6
Як отримати індекс у ручках кожного помічника?
Я використовую ручки для шаблонування в своєму проекті. Чи є спосіб отримати індекс поточної ітерації помічника "кожен" на Руль? <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 Ще якщо
Я використовую Handlebars.js для візуалізації подання з боку клієнта. Якщо Else працює чудово, але я зіткнувся з 3-ма умовними умовами, які вимагають ELSE IF: Це не працює: {{#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 …

8
Ручки / вуса - чи існує вбудований спосіб прокручування властивостей об'єкта?
Як говориться в заголовку питання, чи існує спосіб вуса / ручки прокручування властивостей об'єкта ? Так і з var o = { bob : 'For sure', roger: 'Unknown', donkey: 'What an ass' } Чи можу я потім зробити щось у двигуні шаблонів, що було б рівнозначно for(var prop in o) …

2
Доступ до властивостей батьків із циклом "кожного" рукоятки
Розглянемо такі спрощені дані: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; І шаблон рулі: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} Це не спрацює, тому що в eachциклі батьківська область не доступна - принаймні, не так, як я намагався. Я сподіваюся, що є спосіб зробити це, …

3
Доступ до змінної за межами рамки Handlebars.js кожного циклу
У мене є шаблон handlebars.js, приблизно так: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> І це генерований вихід: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Як і слід було очікувати, я можу отримати доступ до idі titleполях кожного …


3
Перегляди проти компонентів у Ember.js
Я вивчаю ember.js, і намагаюся зрозуміти різницю між поданням та компонентом. Я розглядаю як спосіб виготовлення компонентів для багаторазового використання. З веб-сайту Ембер про перегляди: Перегляди в Ember.js, як правило, створюються лише з наступних причин: -Коли вам потрібно складне управління подіями користувачів -Коли ви хочете створити повторно використовуваний компонент З …

3
Вставте HTML в шаблон ручки, не тікаючи
Чи є спосіб вставити рядок із тегами HTML у шаблон шаблону, не тегуючи у теці, що виходить? template.js: <p>{{content}}</p> використовувати шаблон HBS.template({content: "<i>test</i> 123"}) фактичний результат: <p><i>test</i> 123</p> Очікуваний результат: <p><i>test</i> 123</p>

4
Як використовувати коментарі в шаблонах рульової панелі?
Я використовую Handlebar.js як свій двигун для створення шаблонів. Тепер я хочу прокоментувати деякі блоки в шаблонах моєї рулі. Але тоді я зрозумів, що Handlebar не ігнорує вирази всередині блоку коментарів Handlebar. Будь-яке рішення для цього?

8
Передача змінних через рульове часткове
Зараз я маю справу з handlebars.js в додатку express.js. Щоб зберегти модульність, я розділив усі свої шаблони на партії. Моя проблема : я не зміг знайти спосіб передачі змінних за допомогою часткового виклику. Скажімо, у мене є часткова частина, яка виглядає приблизно так: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> Припустимо, …

5
handlerbars.js перевірити, чи список порожній
Чи існує спосіб у шаблоні Handlebars.js перевірити, чи колекція чи список є нульовими чи порожніми, перед тим як перейти та повторити список / колекцію? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

10
Яка користь від нефриту або руль при написанні програм AngularJs
Я новачок (іш) у всіх програмах для повнотекстових стеків javascript і абсолютно нова у Angular, тому я сподівався, що хтось зможе поставити запис мені прямо тут. Чому мені потрібно використовувати шаблонні рамки, такі як Jade або Handlebars, коли пишуть клієнтські програми за допомогою AngularJS. Я повинен сказати, що я ніколи …

Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.