Index: pkg/polymer/lib/elements/polymer-ajax/demo.html |
diff --git a/pkg/polymer/lib/elements/polymer-ajax/demo.html b/pkg/polymer/lib/elements/polymer-ajax/demo.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..cf67a872db13c2c2713b76bb60dd113e77c7d7b5 |
--- /dev/null |
+++ b/pkg/polymer/lib/elements/polymer-ajax/demo.html |
@@ -0,0 +1,30 @@ |
+<!DOCTYPE html> |
+<html> |
+<head> |
+ <title>polymer-ajax</title> |
+ <script src="../platform/platform.js"></script> |
+ <link rel="import" href="polymer-ajax.html"> |
+</head> |
+<body> |
+ <polymer-ajax auto url="http://gdata.youtube.com/feeds/api/videos/" |
+ params='{"alt":"json", "q":"chrome"}' |
+ handleAs="json"></polymer-ajax> |
+ |
+ <template repeat="{{response.feed.entry}}"> |
+ <div>{{title.$t}}</div> |
+ </template> |
+ |
+ <script> |
+ document.addEventListener('polymer-ready', function() { |
+ var ajax = document.querySelector("polymer-ajax"); |
+ ajax.addEventListener("polymer-response", |
+ function(e) { |
+ document.querySelector('template').model = { |
+ response: e.detail.response |
+ }; |
+ } |
+ ); |
+ }); |
+ </script> |
+</body> |
+</html> |