Wie kann ich entkommen geschweiften Klammern innerhalb jade-Vorlagen?

ho kann ich entkommen geschweifte Klammern innerhalb einer jade-teplate?
(Ich benutze jade innen node.js)

Will ich Rendern, jQuery templates an den client.
Das Teil möchte ich zu entkommen, sieht wie folgt aus:

div(class='clear')
script(id='BoardListTemplate', type='text/x-jQuery-tmpl')
  <p>${Title}</p>
  <ul id="${Id}" class="IterationBoardList">
    <li class="AddNewItem">Add new Item</li>
    {{tmpl(Items) "#BoardListItemTemplate"}}
  </ul>
script(id='BoardListItemTemplate', type='text/x-jQuery-tmpl')
  <li class="Item" id="${{$data.Id}}">
    ${$data.Description}<br />
    Assigned to: ${$data.AssignedTo}<br/>
  StoryPoints: ${$data.StoryPoints}</li>
script(src='/javascripts/Scrummr.Engine.js', id='BoardListItemTemplate', type='text/javascript')

vielen Dank

  • habt Ihr versucht, mit den html-entities &#123; und &#125;?
  • ja, es funktioniert nicht
InformationsquelleAutor Juergen Gutsch | 2012-03-15
  1. 11

    Müssen Sie die pipe ( | ) - Zeichen vor jeder Zeile im script-block.

    Sehen https://gist.github.com/2047079 für ein Beispiel.

    • das Rohr funktioniert Super. vielen Dank 🙂
    • Ich möchte zu beachten, dass, während diese Antwort ist hilfreich und es stimmt, es ist nicht wirklich eine Antwort auf das "wie entkommt man die geschweiften Klammern" Teil der Frage.
    InformationsquelleAutor Golo Roden
  2. 3

    Gibt es zwei verschiedene Dinge, die hier Los ist.

    Jade verwendet Leerzeichen zu bedeuten Dokument-Struktur; Einzug Angelegenheiten und Zeilenumbrüche Rolle, und Jade erwartet, dass jede Zeile zu beginnen, mit etwas, das Sie erstellen HTML-tags aus.

    Wenn Sie möchten, zu füttern, es etwas, das Sie nicht wollen, es zu konvertieren-zum Beispiel raw-HTML-oder script oder ein raw-Vorlage, die Sie Rendern möchten, auf der Kunden -- Sie können entweder

    1) beginnen Sie jede Zeile mit einem pipe-Zeichen ( | ), gefolgt von raw-text. Beispiel aus Jade-docs:

    p
  | foo bar baz
  | rawr rawr
  | super cool
  | go jade go

    2) starten Sie eine raw-text-block durch die Beendigung der bisherigen container-tag mit einem Punkt. Beispiel, wieder aus Jade docs:

    p.
  foo asdf
  asdf
   asdfasdfaf
   asdf
  asd.

    Getrennt, Jade führt string-interpolation, die Behandlung einige Zeichen oder Zeichen, die speziell, auf die Sie eventuell benötigen, zu entkommen, in Kontexten, in denen Sie nicht wollen, es zu interpolieren. Dies ist der Teil dieser Fragen (die geschweiften Klammern). Jade eigentlich nicht behandeln { speziell, aber es tut behandeln #{ speziell. Wenn Sie brauchen, # {können Sie entkommen, es als \#{.

    • \#{{search.Spieler}} ist das, was ich suchte... Danke @metamatt
    InformationsquelleAutor metamatt
  3. 0

    Jade stellt einen Punkt (.) operator am Ende der Zeile, die es Ihnen ermöglicht, zu entkommen alles, was im inneren des Kindes Einzug block. 

    script(id='BoardListTemplate', type='text/x-jQuery-tmpl').
  //Everything inside here is completely escaped.
  <p>${Title}</p>
  <ul id="${Id}" class="IterationBoardList">
    <li class="AddNewItem">Add new Item</li>
    {{tmpl(Items) "#BoardListItemTemplate"}}
  </ul>

- //outside here it's all JADE.
h1 How about a JADE heading

script(id='BoardListItemTemplate', type='text/x-jQuery-tmpl').
  //back to escaped script in here.
  <li class="Item" id="${{$data.Id}}">
    ${$data.Description}<br />
    Assigned to: ${$data.AssignedTo}<br/>
  StoryPoints: ${$data.StoryPoints}</li>

script(src='/javascripts/Scrummr.Engine.js', id='BoardListItemTemplate', type='text/javascript').

    Den PUNKT (.) am Ende ist der wichtige Teil.

    InformationsquelleAutor John O'Connor
Schreibe einen Kommentar