Predloga je del HTML-ja, ki ga morate vstaviti na stran. Predloge so pogosto ustvarjene na "strežniški strani" - tako da pridejo v JavaScript v celoti oblikovani in jih je treba preprosto vstaviti v DOM. Toda včasih to ni izvedljivo ali bi bilo potrebno dodatno povratno potovanje do strežnika, ki bi lahko bilo počasno. V tem primeru je idealna predloga v JavaScript. Vsekakor lahko naredite le malo povezovanja nizov, tako da dodate bit HTML in podatke, dokler ne dobite predloge, ki jo potrebujete. Toda to verjetno ni idealno, saj ne ločuje skrbi glede podatkov in predloge. Tu lahko pomagajo prave predloge JavaScript.
V tem predvajanju zaslona bomo zajeli osnovni »zakaj« predloge JavaScript, nato pa še posebej preprost primer, kako je to storjeno v Underscore.js. Potem bomo obravnavali še nekatere druge možnosti.
Demo
var compiled = _.template( " " + "" + "" + " " ); var i, toAppendString = ""; for (i = 0; i < data.movies.length; i++) ( toAppendString += compiled(data.movies(i)); ) $("body").append(toAppendString);Oglejte si Pen% = penName%> avtorja Chrisa Coyierja (@chriscoyier) na CodePen
Povezave
- Osnovna predstavitev na CodePenu
- Underscore.js Predloge
- NetTuts: Najboljše prakse pri delu s predlogami JavaScript
- MDN: Predloge JavaScript
- John Resig: Mikro-predloge JavaScript
- James Padolsey: Naravna premestitev