2015-06-19 09:36:51 -07:00
<!doctype html>
<!--
@license
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
< html >
< head >
< meta charset = "utf-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
< title > iron-meta< / title >
< script src = "../../webcomponentsjs/webcomponents-lite.js" > < / script >
< link rel = "import" href = "../../paper-styles/demo-pages.html" >
< link rel = "import" href = "../iron-meta.html" >
< / head >
< body >
2016-08-24 19:54:21 -07:00
< div class = "vertical-section centered" >
2015-06-19 09:36:51 -07:00
< h1 > < iron-meta> < / h1 >
2016-08-24 19:54:21 -07:00
< h2 > Key Query< / h2 >
2015-06-19 09:36:51 -07:00
< iron-meta key = "info" value = "foo/bar" > < / iron-meta >
2016-08-24 19:54:21 -07:00
2015-06-19 09:36:51 -07:00
The < code > value< / code > stored at < code > key="info"< / code > is < code > < meta-test > < / meta-test > < / code > .
< / div >
2016-08-24 19:54:21 -07:00
< div class = "vertical-section centered" >
< h2 > Type Query< / h2 >
< iron-meta type = "type1" key = "a" value = "Polymer" > < / iron-meta >
< iron-meta type = "type1" key = "b" value = "is" > < / iron-meta >
< iron-meta type = "type2" key = "a" value = "wonderful" > < / iron-meta >
< iron-meta type = "type2" key = "b" value = "<3" > < / iron-meta >
The < code > value(s)< / code > stored at < code > type="type1"< / code > are:< br > < code > < type-one > < / type-one > < / code > .< br > < br > The < code > value(s)< / code > stored at < code > type="type2"< / code > are:< br > < code > < type-two > < / type-two > < / code > .
< / div >
2015-06-19 09:36:51 -07:00
< script >
2016-08-24 19:54:21 -07:00
document.addEventListener('WebComponentsReady', function() {
Polymer({
is: 'meta-test',
ready: function() {
this.textContent = new Polymer.IronMetaQuery({key: 'info'}).value;
}
});
});
2015-06-19 09:36:51 -07:00
Polymer({
2016-08-24 19:54:21 -07:00
is: 'type-one',
2015-06-19 09:36:51 -07:00
ready: function() {
2016-08-24 19:54:21 -07:00
var resultList = new Polymer.IronMetaQuery({type: "type1"}).list;
this.textContent = JSON.stringify(resultList);
2015-06-19 09:36:51 -07:00
}
2016-08-24 19:54:21 -07:00
});
Polymer({
is: 'type-two',
2015-06-19 09:36:51 -07:00
2016-08-24 19:54:21 -07:00
ready: function() {
var resultList = new Polymer.IronMetaQuery({type: "type2"}).list;
this.textContent = JSON.stringify(resultList);
}
2015-06-19 09:36:51 -07:00
});
< / script >
< / body >
< / html >
