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 |