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>property to attribute reflection with bind</title> |
| 6 <script src="packages/web_components/platform.js"></script> |
| 7 <script src="packages/web_components/dart_support.js"></script> |
6 <link rel="import" href="packages/polymer/polymer.html"> | 8 <link rel="import" href="packages/polymer/polymer.html"> |
7 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> | 9 <script src="/root_dart/tools/testing/dart/test_controller.js"></script> |
8 </head> | 10 </head> |
9 | 11 |
10 <body> | 12 <body> |
11 <polymer-element name="my-child-element"> | 13 <polymer-element name="my-child-element"> |
12 <template> | 14 <template> |
13 <h1>Hello from the child</h1> | 15 <h1>Hello from the child</h1> |
14 <p>The camelCase is {{camelCase}}, attr {{attributes["camelCase"]}}</p> | 16 <p>The camelCase is {{camelCase}}, attr {{attributes["camelCase"]}}</p> |
15 <p>The lowercase is {{lowercase}}, attr {{attributes["lowercase"]}}</p> | 17 <p>The lowercase is {{lowercase}}, attr {{attributes["lowercase"]}}</p> |
16 </template> | 18 </template> |
17 </polymer-element> | 19 </polymer-element> |
18 | 20 |
19 <polymer-element name="my-element"> | 21 <polymer-element name="my-element"> |
20 <template> | 22 <template> |
21 <h1>Hello from the custom element. The volume is {{volume}}</h1> | 23 <h1>Hello from the custom element. The volume is {{volume}}</h1> |
22 <p> | 24 <p> |
23 <my-child-element id="child" | 25 <my-child-element id="child" |
24 camelCase="{{volume}}" lowercase="{{volume}}"></my-child-element> | 26 camelCase="{{volume}}" lowercase="{{volume}}"></my-child-element> |
25 </p> | 27 </p> |
26 </template> | 28 </template> |
27 </polymer-element> | 29 </polymer-element> |
28 | 30 |
29 <my-element></my-element> | 31 <my-element></my-element> |
30 | 32 |
31 <script type="application/dart" src="prop_attr_bind_reflection_test.dart"> | 33 <script type="application/dart" src="prop_attr_bind_reflection_test.dart"> |
32 </script> | 34 </script> |
33 </body> | 35 </body> |
34 </html> | 36 </html> |
OLD | NEW |