| Index: pkg/polymer/lib/elements/polymer-signals/demo.html
|
| diff --git a/pkg/polymer/lib/elements/polymer-signals/demo.html b/pkg/polymer/lib/elements/polymer-signals/demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..94f5b7fca6ae10fea42ea279b766d57f0112db86
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-signals/demo.html
|
| @@ -0,0 +1,41 @@
|
| +<!doctype html>
|
| +<html>
|
| +<head>
|
| + <title></title>
|
| + <script src="../platform/platform.js"></script>
|
| + <link rel="import" href="polymer-signals.html">
|
| +</head>
|
| +<body>
|
| +
|
| +<polymer-element name="my-element">
|
| + <template>
|
| + Hello
|
| + </template>
|
| + <script>
|
| + Polymer('my-element', {
|
| + ready: function() {
|
| + this.asyncFire('polymer-signal', {name: "foo", data: "Foo!"});
|
| + }
|
| + });
|
| + </script>
|
| +</polymer-element>
|
| +
|
| +<polymer-element name="my-app">
|
| + <template>
|
| + <polymer-signals on-polymer-signal-foo="{{fooSignal}}"></polymer-signals>
|
| + <content></cotnent>
|
| + </template>
|
| + <script>
|
| + Polymer('my-app', {
|
| + fooSignal: function(e, detail, sender) {
|
| + this.innerHTML += '<br>[my-app] got a [' + detail + '] signal<br>';
|
| + }
|
| + });
|
| + </script>
|
| +</polymer-element>
|
| +
|
| +<my-element></my-element>
|
| +<my-app></my-app>
|
| +
|
| +</body>
|
| +</html>
|
|
|