OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <title>polymer-meta</title> |
| 5 <script src="../platform/platform.js"></script> |
| 6 <link rel="import" href="polymer-meta.html"> |
| 7 </head> |
| 8 <body> |
| 9 <polymer-meta id="x-foo" label="foo"></polymer-meta> |
| 10 <polymer-meta id="x-bar" label="bar"></polymer-meta> |
| 11 <polymer-meta id="x-zot" label="zot"> |
| 12 <template> |
| 13 <div>[zot's metadata]</div> |
| 14 </template> |
| 15 </polymer-meta> |
| 16 |
| 17 <template repeat="{{metadata}}"> |
| 18 <div>{{label}}</div> |
| 19 </template> |
| 20 |
| 21 <hr> |
| 22 |
| 23 <script> |
| 24 document.addEventListener('polymer-ready', function() { |
| 25 var meta = document.createElement('polymer-meta'); |
| 26 document.querySelector('template[repeat]').model = { |
| 27 metadata: meta.list |
| 28 }; |
| 29 |
| 30 var archetype = meta.byId('x-zot').archetype; |
| 31 document.body.appendChild(archetype.createInstance().querySelector('*')); |
| 32 }); |
| 33 </script> |
| 34 </body> |
| 35 </html> |
OLD | NEW |