| OLD | NEW |
| 1 polymer_expressions | 1 polymer_expressions |
| 2 =================== | 2 =================== |
| 3 | 3 |
| 4 Polymer Expressions are an expressive syntax that can be used in templates in | 4 |
| 5 Dart. Polymer Expressions allow you to write complex binding expressions, with | 5 Polymer expressions are an expressive syntax that can be used in HTML templates |
| 6 with Dart. |
| 7 |
| 8 Templates are one feature of Polymer.dart, which is a set of comprehensive UI |
| 9 and utility components for building web applications. |
| 10 This package is automatically included with the |
| 11 [Polymer](https://pub.dartlang.org/packages/polymer) package |
| 12 because Polymer expressions are the default expression syntax |
| 13 in Polymer Dart apps. |
| 14 The [Polymer.dart homepage][home_page] |
| 15 contains a list of features, project status, |
| 16 installation instructions, tips for upgrading from Web UI, |
| 17 and links to other documentation. |
| 18 |
| 19 |
| 20 ## Overview |
| 21 |
| 22 Polymer expressions allow you to write complex binding expressions, with |
| 6 property access, function invocation, list/map indexing, and two-way filtering | 23 property access, function invocation, list/map indexing, and two-way filtering |
| 7 like: | 24 like: |
| 8 | 25 |
| 9 ```html | 26 ```html |
| 10 {{ person.title + " " + person.getFullName() | upppercase }} | 27 {{ person.title + " " + person.getFullName() | upppercase }} |
| 11 ``` | 28 ``` |
| 12 | 29 |
| 13 ## Overview | |
| 14 | |
| 15 ### Model-Driven Views (MDV) | 30 ### Model-Driven Views (MDV) |
| 16 [MDV][mdv] allows you to define templates directly in HTML that are rendered by
the | 31 [MDV][mdv] allows you to define templates directly in HTML that are rendered by |
| 17 browser into the DOM. Templates are bound to a data model, and changes to the | 32 the browser into the DOM. Templates are bound to a data model, and changes to |
| 18 data are automatically reflected in the DOM, and changes in HTML inputs are | 33 the data are automatically reflected in the DOM, and changes in HTML inputs are |
| 19 assigned back into the model. The template and model are bound together via | 34 assigned back into the model. The template and model are bound together via |
| 20 binding expressions that are evaluated against the model. These binding | 35 binding expressions that are evaluated against the model. These binding |
| 21 expressions are placed in double-curly-braces, or "mustaches". | 36 expressions are placed in double-curly-braces, or "mustaches". |
| 22 | 37 |
| 23 Example: | 38 Example: |
| 24 | 39 |
| 25 ```html | 40 ```html |
| 26 <template> | 41 <template> |
| 27 <p>Hello {{ person.name }}</p> | 42 <p>Hello {{ person.name }}</p> |
| 28 </template> | 43 </template> |
| (...skipping 244 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 273 [web-ui@dartlang.org mailing list][web-ui-list]. | 288 [web-ui@dartlang.org mailing list][web-ui-list]. |
| 274 | 289 |
| 275 Please [file issues on Dart project page](http://dartbug.com/new) | 290 Please [file issues on Dart project page](http://dartbug.com/new) |
| 276 for any bugs you find or for feature requests. Make a note that it applies to | 291 for any bugs you find or for feature requests. Make a note that it applies to |
| 277 "package:polymer_expressions" | 292 "package:polymer_expressions" |
| 278 | 293 |
| 279 You can discuss Polymer Expressions on the | 294 You can discuss Polymer Expressions on the |
| 280 [web-ui@dartlang.org mailing list][web-ui-list]. | 295 [web-ui@dartlang.org mailing list][web-ui-list]. |
| 281 | 296 |
| 282 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui | 297 [web-ui-list]: https://groups.google.com/a/dartlang.org/forum/#!forum/web-ui |
| OLD | NEW |