- From: Adam Barth <w3c@adambarth.com>
- Date: Wed, 8 Feb 2012 15:16:38 -0800
- To: Rafael Weinstein <rafaelw@chromium.org>
- Cc: Erik Arvidsson <arv@chromium.org>, Dimitri Glazkov <dglazkov@chromium.org>, public-webapps <public-webapps@w3.org>, Henri Sivonen <hsivonen@iki.fi>, Ian Hickson <ian@hixie.ch>
On Wed, Feb 8, 2012 at 2:47 PM, Rafael Weinstein <rafaelw@chromium.org> wrote: > Here's a real-world example, that's probably relatively simple > compared to "high traffic" web pages (i.e. amazon or facebook) > > http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extensions/docs/template/api_template.html?revision=120962&content-type=text%2Fplain > > that produces each page of the chrome extensions API doc, e.g. > > http://code.google.com/chrome/extensions/contextMenus.html > > This uses jstemplate. Do a search in the first link. Every time you > see "jsdisplay" or "jsselect", think <template>. It's a bit hard for me to understand that example because I don't know how jstemplate works. I'm just suggesting that rather than trying to jam a square peg (<template>) into a round hole (the HTML parser), there might be a way of reshaping both the peg and the hole into an octagon. Adam > On Wed, Feb 8, 2012 at 2:36 PM, Adam Barth <w3c@adambarth.com> wrote: >> On Wed, Feb 8, 2012 at 2:20 PM, Erik Arvidsson <arv@chromium.org> wrote: >>> On Wed, Feb 8, 2012 at 14:10, Adam Barth <w3c@adambarth.com> wrote: >>>> ... Do you have a concrete example of >>>> where nested <template> declarations are required? >>> >>> When working with tree like structures it is comment to use recursive templates. >>> >>> http://code.google.com/p/mdv/source/browse/use_cases/tree.html >> >> I'm not sure I fully understand how templates work, so please forgive >> me if I'm butchering it, but here's how I could imagine changing that >> example: >> >> === Original === >> >> <ul class="tree"> >> <template iterate id=t1> >> <li class="{{ children | toggle('has-children') }}">{{name}} >> <ul> >> <template ref=t1 iterate=children></template> >> </ul> >> </li> >> </template> >> </ul> >> >> === Changed === >> >> <ul class="tree"> >> <template iterate id=t1> >> <li class="{{ children | toggle('has-children') }}">{{name}} >> <ul> >> <template-reference ref=t1 iterate=children></template-reference> >> </ul> >> </li> >> </template> >> </ul> >> >> (Obviously you'd want a snappier name than <template-reference> to >> reference another template element.) >> >> I looked at the other examples in the same directory and I didn't see >> any other examples of nested <template> declarations. >> >> Adam
Received on Wednesday, 8 February 2012 23:17:41 UTC