| <!DOCTYPE html> |
| <html> |
| <!--polymer-test: this comment is needed for test_suite.dart--> |
| <head> |
| <title>property to attribute reflection with bind</title> |
| <script src="packages/web_components/platform.js"></script> |
| <script src="packages/web_components/dart_support.js"></script> |
| <link rel="import" href="packages/polymer/polymer.html"> |
| <script src="/root_dart/tools/testing/dart/test_controller.js"></script> |
| </head> |
| |
| <body> |
| <polymer-element name="my-child-element"> |
| <template> |
| <h1>Hello from the child</h1> |
| <p>The camelCase is {{camelCase}}, attr {{attributes["camelCase"]}}</p> |
| <p>The lowercase is {{lowercase}}, attr {{attributes["lowercase"]}}</p> |
| </template> |
| </polymer-element> |
| |
| <polymer-element name="my-element"> |
| <template> |
| <h1>Hello from the custom element. The volume is {{volume}}</h1> |
| <p> |
| <my-child-element id="child" |
| camelCase="{{volume}}" lowercase="{{volume}}"></my-child-element> |
| </p> |
| </template> |
| </polymer-element> |
| |
| <my-element></my-element> |
| |
| <script type="application/dart" src="prop_attr_bind_reflection_test.dart"> |
| </script> |
| </body> |
| </html> |
