Вопросы с тегом «handlebars.js»

Handlebars - это библиотека шаблонов для JavaScript.

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

8
Каковы различия между Mustache.js и Handlebars.js?
Основные различия, которые я видел: Рули добавляет #if, #unless, #with, и#each Руль добавляет помощников Шаблоны руля скомпилированы (усы тоже могут быть) Рули поддерживает пути Позволяет использовать {{this}}блоки in (которые выводят строковое значение текущего элемента) Handlebars.SafeString() (и, возможно, некоторые другие методы) Рули в 2-7 раз быстрее Усы поддерживают перевернутые секции (то …

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

6
Как получить индекс в руле каждого помощника?
Я использую Handlebars для шаблонов в своем проекте. Есть ли способ получить индекс текущей итерации «каждого» помощника в 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 иначе если
Я использую Handlebars.js для рендеринга со стороны клиента. Если Else работает отлично, но я столкнулся с трехсторонним условием, требующим 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 class="ui-icon ui-icon-plusthick"></span></div> {{/if}} …

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

2
Доступ к свойствам родителя с помощью цикла «каждый» Handlebars
Рассмотрим следующие упрощенные данные: 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каждого элемента, myCollectionчтобы …


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>

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

4
Как использовать комментарии в шаблонах Handlebar?
Я использую 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
Какая польза от Jade или Handlebars при написании приложений AngularJs
Я новичок (иш) во всех приложениях с полным стеком javascript и совершенно новичок в Angular, поэтому я надеялся, что кто-то сможет прямо здесь рассказать обо мне. Зачем мне использовать структуру шаблонов, такую ​​как Jade или Handlebars, при написании клиентских приложений с использованием AngularJS. Должен сказать, что я никогда не использовал …

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.