Pytania otagowane jako handlebars.js

Handlebars to biblioteka szablonów dla JavaScript.

26
Operator logiczny w pliku handlebars.js {{#if}} warunkowy
Czy w kierownicy JS jest sposób na włączenie operatorów logicznych do standardowego operatora warunkowego handlebars.js? Coś takiego: {{#if section1 || section2}} .. content {{/if}} Wiem, że mógłbym napisać własnego pomocnika, ale najpierw chciałbym się upewnić, że nie wymyślę koła na nowo.

8
Jakie są różnice między Mustache.js i Handlebars.js?
Główne różnice, które widziałem to: Kierownice dodaje #if, #unless, #with, i#each Kierownica dodaje pomocników Szablony kierownicy są kompilowane (wąsy też mogą być) Kierownica obsługuje ścieżki Pozwala na użycie {{this}}w blokach (które generują wartość ciągu bieżącego elementu) Handlebars.SafeString() (i może jakieś inne metody) Kierownica jest 2 do 7 razy szybsza Wąsy …


6
Jak uzyskać indeks w kierownicy każdego pomocnika?
Używam kierownic do szablonów w moim projekcie. Czy istnieje sposób na uzyskanie indeksu bieżącej iteracji „każdego” pomocnika w kierownicy? <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
Używam Handlebars.js do renderowania widoku z boku klienta. Jeśli jeszcze działa świetnie, ale napotkałem warunek 3-drogowy, który wymaga ELSE JEŻELI: To nie działa: {{#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}} Jak …


2
Dostęp do właściwości rodzica za pomocą pętli „każda” kierownicy
Rozważ następujące uproszczone dane: var viewData = { itemSize: 20, items: [ 'Zimbabwe', 'dog', 'falafel' ] }; I szablon kierownicy: {{#each items}} <div style="font-size:{{itemSize}}px">{{this}}</div> {{/each}} To nie zadziała, ponieważ w eachpętli zakres nadrzędny nie jest dostępny - przynajmniej w żaden sposób, który próbowałem. Mam jednak nadzieję, że jest na to …

3
Dostęp do zmiennej poza zakresem Handlebars.js każdej pętli
Mam szablon handlebars.js, taki jak ten: {{externalValue}} <select name="test"> {{#each myCollection}} <option value="{{id}}">{{title}} {{externalValue}}</option> {{/each}} </select> A to jest wygenerowany wynik: myExternalValue <select name="test"> <option value="1">First element </option> <option value="2">Second element </option> <option value="3">Third element </option> </select> Zgodnie z oczekiwaniami, mogę uzyskać dostęp do pól idi titlekażdego elementu, myCollectionaby wygenerować …


3
Widoki a komponenty w Ember.js
Uczę się ember.js i próbuję zrozumieć różnicę między widokiem a komponentem. Postrzegam oba sposoby tworzenia elementów wielokrotnego użytku. Ze strony internetowej Ember na temat wyświetleń: Widoki w Ember.js są zwykle tworzone tylko z następujących powodów: - Gdy potrzebujesz zaawansowanej obsługi zdarzeń użytkownika - Gdy chcesz utworzyć komponent wielokrotnego użytku Ze …

3
Wstaw html do szablonu na kierownicę bez zmiany znaczenia
Czy istnieje sposób na wstawienie ciągu znaków ze znacznikami html do szablonu kierownicy bez uzyskiwania znaków ucieczki w ciągu wychodzącym? template.js: <p>{{content}}</p> użyj szablonu HBS.template({content: "<i>test</i> 123"}) rzeczywisty wynik: <p><i>test</i> 123</p> Spodziewany wynik: <p><i>test</i> 123</p>


8
Częściowe przekazywanie zmiennych przez kierownicę
Obecnie mam do czynienia z handlebars.js w aplikacji express.js. Aby zachować modułowość, dzielę wszystkie moje szablony na części. Mój problem : nie mogłem znaleźć sposobu na przekazanie zmiennych przez częściowe wywołanie. Powiedzmy, że mam częściową, która wygląda tak: <div id=myPartial> <h1>Headline<h1> <p>Lorem ipsum</p> </div> Załóżmy, że zarejestrowałem tę część pod …

5
handlerbars.js sprawdź, czy lista jest pusta
Czy w pliku Handlebars.js istnieje sposób sprawdzania, czy kolekcja lub lista jest pusta, czy też jest pusta, przed przejściem i iteracją po liście / kolekcji? // if list is empty do some rendering ... otherwise do the normal {{#list items}} {{/list}} {{#each items}} {{/each}}

10
Jaki jest pożytek z Jade lub Handlebars podczas pisania aplikacji AngularJs
Jestem nowy (ish) w całej aplikacji pełnego stosu javascript i zupełnie nowy w Angular, więc miałem nadzieję, że ktoś umieści tutaj opis bezpośrednio dla mnie. Dlaczego miałbym używać struktury szablonów, takiej jak Jade lub Handlebars, podczas pisania aplikacji po stronie klienta przy użyciu AngularJS. Powinienem powiedzieć, że nigdy też nie …

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.