| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <!--polymer-test: this comment is needed for test_suite.dart--> | 3 <!--polymer-test: this comment is needed for test_suite.dart--> |
| 4 <head> | 4 <head> |
| 5 <title>property to attribute reflection with bind</title> | 5 <title>two way bindings</title> |
| 6 <script src="packages/web_components/platform.js"></script> | 6 <script src="packages/web_components/platform.js"></script> |
| 7 <script src="packages/web_components/dart_support.js"></script> | 7 <script src="packages/web_components/dart_support.js"></script> |
| 8 <link rel="import" href="packages/polymer/polymer.html"> | 8 <link rel="import" href="packages/polymer/polymer.html"> |
| 9 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> | 9 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> |
| 10 </head> | 10 </head> |
| 11 | 11 |
| 12 <body> | 12 <body> |
| 13 <polymer-element name="my-child-element"> | 13 <polymer-element name="my-child-element"> |
| 14 <template> | 14 <template> |
| 15 <h1>Hello from the child</h1> | 15 <h1>Hello from the child</h1> |
| 16 <p>The camelCase is {{camelCase}}, attr {{attributes["camelCase"]}}</p> | 16 <p>The number is {{number}}</p> |
| 17 <p>The lowercase is {{lowercase}}, attr {{attributes["lowercase"]}}</p> | 17 <p>The boolean is {{boolean}}</p> |
| 18 <p>The string is {{string}}</p> |
| 18 </template> | 19 </template> |
| 19 </polymer-element> | 20 </polymer-element> |
| 20 | 21 |
| 21 <polymer-element name="my-element"> | 22 <polymer-element name="my-element"> |
| 22 <template> | 23 <template> |
| 23 <h1>Hello from the custom element. The volume is {{volume}}</h1> | 24 <h1>Hello from the custom element</h1> |
| 25 <p>The number is {{number}}</p> |
| 26 <p>The boolean is {{boolean}}</p> |
| 27 <p>The string is {{string}}</p> |
| 24 <p> | 28 <p> |
| 25 <my-child-element id="child" | 29 <my-child-element id="child" number="{{number}}" |
| 26 camelCase="{{volume}}" lowercase="{{volume}}"></my-child-element> | 30 boolean="{{boolean}}" string="{{string}}"></my-child-element> |
| 27 </p> | 31 </p> |
| 28 </template> | 32 </template> |
| 29 </polymer-element> | 33 </polymer-element> |
| 30 | 34 |
| 31 <my-element></my-element> | 35 <my-element></my-element> |
| 32 | 36 |
| 33 <script type="application/dart" src="prop_attr_bind_reflection_test.dart"> | 37 <script type="application/dart" src="two_way_bind_test.dart"></script> |
| 34 </script> | |
| 35 </body> | 38 </body> |
| 36 </html> | 39 </html> |
| OLD | NEW |