| 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 |