Szyny z szablonami Underscore.js

Question

Próbowałem użyć szablonów underscore.js do szablonów w aplikacji rails 2.3, która ma , a nie ma jammit jako narzędzie do pakowania zasobów.

Oto prosty szablon:

<script type="text/template" id="q-template"> 
    <div class="current-body"> 
     <span class="q-index"><%= title %></span> 
     <span class-"q-text"><%= body %></span> 
    </div> 
</script> 

Rails próbuje zanalizować te zmienne jak erb i zgłasza ArgumentError. Jak w tym przypadku uzyskać szablony podkreślenia, aby ładnie grać z szynami? Gdzie się mylę?

Answer 1

Użyj innych ograniczników zamiast <%= %>. Na przykład, aby użyć nawiasów wąsy w stylu {{= }} (interpolować) i {{ }} (oceny), dodaj to gdzieś JavaScript:

_.templateSettings = { 
    interpolate: /\{\{\=(.+?)\}\}/g, 
    evaluate: /\{\{(.+?)\}\}/g 
}; 

Answer 2

Jeśli nie chcesz zmienić ustawienia szablonu obrębie całego projektu .. .

Ucieczka ERB tagi: <%= staje <%%=

<script type="text/template" id="q-template"> 
    <div class="current-body"> 
     <span class="q-index"><%%= title %></span> 
     <span class-"q-text"><%%= body %></span> 
    </div> 
</script> 

Zauważ, że znacznik zamykający jest sti ll %>, a nie %%>.

---

Notatka poboczna - Próbowałem również wyprowadzać za pomocą heredoc. Poniższy kod działa poprawnie, ale generuje pakiet kodu źródłowego erb, który zostaje przechwycony między poleceniami heredoc.

<script type="text/template" id="q-template"> 
<%= <<-heredoc %> 
    <div class="current-body"> 
     <span class="q-index"><%%= title %></span> 
     <span class-"q-text"><%%= body %></span> 
    </div> 
heredoc 
</script>