Partials Vorlage Unterstrich (wie bei LENKER)?
Ich habe ein Rückgrat Modell wie diesem
var PeopleModel = Backbone.Model.extend({
defaults: {
"people": [
{ "username": "alan", "firstName": "Alan", "lastName": "Johnson", "phone": "1111", "email": "[email protected]" },
{ "username": "allison", firstName: "Allison", "lastName": "House", "phone": "2222", "email": "[email protected]" },
{ "username": "ryan", "firstName": "Ryan", "lastName": "Carson", "phone": "3333", "email": "[email protected]" },
{ "username": "ed", "firstName": "Edward", "lastName": "Feild", "phone": "4444", "email": "[email protected]" },
{ "username": "phil", "firstName": "Philip", "lastName": "Doom", "phone": "5555", "email": "[email protected]" },
{ "username": "gerald", "firstName": "Gerald", "lastName": "Butler", "phone": "6666", "email": "[email protected]" }
],
"company": {"name": "Random Corp."},
"country": "England"
}
});
Und hier sind meine Vorlagen
<script id="people-template" type="text/x-handlebars-template">
{{#each people}}
{{> person}}
{{/each}}
</script>
<script id="person-partial" type="text/x-handlebars-template">
<div class="person">
<h2>{{fullName}} </h2>
<div class="phone">{{phone}}</div>
<div class="email"><a href="mailto:{{email}}">{{email}}</a></div>
</div>
Dies ist, wie ich das umgesetzt, teilweise mit handlebars.js.
Meine Fragen
1.Wir haben etwas ähnliches, ich meine die Teiltöne incase underscore.js template-engine?
2.Wenn ja, wie machen wir das umsetzen, teilweise in underscore.js template-engine
InformationsquelleAutor bhargav | 2012-07-02
Schreibe einen Kommentar Antworten abbrechen
Du musst angemeldet sein, um einen Kommentar abzugeben.
Nein, es gibt keine native partielle Unterstützung in Unterstrich Vorlagen. Aber, man kann so ziemlich jede JavaScript, die Sie wollen innerhalb
<% ... %>
; insbesondere können Sie an Ihren eigenen Funktionen, so können Sie etwas partial-ish, ohne viel Schwierigkeit. Sie könnten eine Vorlage wie diese:und fügen Sie dann eine
partial
Funktionwindow
:Demo: http://jsfiddle.net/ambiguous/HDuj5/9/
Ist das nicht ganz so glatt und hübsch wie
{{> ... }}
im LENKER, sondern Unterstrich die Vorlagen sind ein sehr dünner wrapper für JavaScript selbst und die Grenzen, die Sie etwas. Können Sie namespaces verwenden, um zu vermeiden, dass die Dinge direkt inwindow
oder verwenden Sie den{variable: ...}
option auf_.template
und ein wrapper, um Ihre standard-Helfer._.template()
mit Daten, die als zweites argument wurde deprectated als version 1.7. Der Ansatz ist immer noch klingen, obwohl._.template(tmpl, data)
Arbeit?" Fragen kürzlich.Oder vermeiden Sie die Verwendung von globalen Bereich können Sie mischen in der globalen Vorlage Helfer etwa so:
Dann rufen Sie
Hier ist ein link zu der Unterstrich mixin auf github.
Ich denke, das ist ähnlich wie Dave ' s Antwort, aber vielleicht mit weniger code:
Beispiel: