OLD | NEW |
1 --- | 1 --- |
2 layout: default | 2 layout: default |
3 title: "Target 7: Use <template>" | 3 title: "Target 7: Use <template>" |
4 description: "Use template loops and conditionals for declarative UI creation." | 4 description: "Use template loops and conditionals for declarative UI creation." |
5 has-permalinks: true | 5 has-permalinks: true |
6 tutorial: | 6 tutorial: |
7 id: web-ui-templates | 7 id: web-ui-templates |
| 8 next: custom-elements |
| 9 next-title: "Define a Custom DOM Tag" |
| 10 prev: web-ui |
| 11 prev-title: "Get Started with Web UI" |
8 --- | 12 --- |
9 | 13 |
10 {% capture whats_the_point %} | 14 {% capture whats_the_point %} |
11 | 15 |
12 * The Web UI package implements templates in HTML. | 16 * The Web UI package implements templates in HTML. |
13 * You can conditionally activate DOM elements declaratively. | 17 * You can conditionally activate DOM elements declaratively. |
14 * Use template loops to create UI elements from a Dart Iterable. | 18 * Use template loops to create UI elements from a Dart Iterable. |
15 | 19 |
16 {% endcapture %} | 20 {% endcapture %} |
17 | 21 |
(...skipping 304 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
322 <a href="/docs/cookbook/#web-ui">Web UI recipes</a>. | 326 <a href="/docs/cookbook/#web-ui">Web UI recipes</a>. |
323 </li> | 327 </li> |
324 <li> | 328 <li> |
325 Sigmund Cherem's article, | 329 Sigmund Cherem's article, |
326 <a href="/articles/dart-web-components/">Web UI Package</a>, | 330 <a href="/articles/dart-web-components/">Web UI Package</a>, |
327 contains several interactive examples on the page | 331 contains several interactive examples on the page |
328 and the corresponding source code. | 332 and the corresponding source code. |
329 </li> | 333 </li> |
330 </ul> | 334 </ul> |
331 | 335 |
332 <hr> | |
333 | |
334 <div class="row"> | |
335 <div class="span3"> | |
336 <a href="/docs/tutorials/web-ui/"><i class="icon-chevron-left"> </i> Get Start
ed with Web UI</a> | |
337 </div> | |
338 <div class="span3"> | |
339 <a href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20feedback
" | |
340 target="_blank"> | |
341 <i class="icon-comment"> </i> | |
342 Send feedback | |
343 </a> | |
344 </div> | |
345 <div class="span3"> | |
346 <a href="/docs/tutorials/custom-elements/" class="pull-right">Define a Custom
DOM Tag <i class="icon-chevron-right"> </i> </a> | |
347 </div> | |
348 </div> | |
349 | |
350 | |
351 {% endcapture %} | 336 {% endcapture %} |
352 | 337 |
353 {% include tutorial.html %} | 338 {% include tutorial.html %} |
OLD | NEW |