| Index: pkg/polymer/lib/elements/polymer-meta/demo.html
|
| diff --git a/pkg/polymer/lib/elements/polymer-meta/demo.html b/pkg/polymer/lib/elements/polymer-meta/demo.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..a30d18ada5841e955788906866e1e8fe1ae7b380
|
| --- /dev/null
|
| +++ b/pkg/polymer/lib/elements/polymer-meta/demo.html
|
| @@ -0,0 +1,35 @@
|
| +<!DOCTYPE html>
|
| +<html>
|
| +<head>
|
| + <title>polymer-meta</title>
|
| + <script src="../platform/platform.js"></script>
|
| + <link rel="import" href="polymer-meta.html">
|
| +</head>
|
| +<body>
|
| + <polymer-meta id="x-foo" label="foo"></polymer-meta>
|
| + <polymer-meta id="x-bar" label="bar"></polymer-meta>
|
| + <polymer-meta id="x-zot" label="zot">
|
| + <template>
|
| + <div>[zot's metadata]</div>
|
| + </template>
|
| + </polymer-meta>
|
| +
|
| + <template repeat="{{metadata}}">
|
| + <div>{{label}}</div>
|
| + </template>
|
| +
|
| + <hr>
|
| +
|
| + <script>
|
| + document.addEventListener('polymer-ready', function() {
|
| + var meta = document.createElement('polymer-meta');
|
| + document.querySelector('template[repeat]').model = {
|
| + metadata: meta.list
|
| + };
|
| +
|
| + var archetype = meta.byId('x-zot').archetype;
|
| + document.body.appendChild(archetype.createInstance().querySelector('*'));
|
| + });
|
| + </script>
|
| +</body>
|
| +</html>
|
|
|