ポリマー 3 と鉄メタ。<iron-meta></iron-meta>
インスタンスからメタにアクセスするにはどうすればよいですか? <iron-meta></iron-meta>
ミックスインで document.createElement を実行することもできますが、作業する要素が1 つだけですっきりしています。
混入します:
let rawApiConstantsMixin = (base) => {
class foo extends base {
constructor() {
super();
}
ready() {
super.ready();
this.FORM_HOST = meta.byKey('FORM_HOST');
}
}
return foo;
};
export const ApiConstantsMixin = dedupingMixin(rawApiConstantsMixin);
class MyView2 extends ApiConstantsMixin(PolymerElement) {
static get template() {
return html`
<style include="shared-styles">
:host {
display: block;
padding: 10px;
}
</style>
<iron-meta></iron-meta>
<div class="card">
<div class="circle">2</div>
<h1>View Two</h1>
<p>Ea duis bonorum nec, falli paulo aliquid ei eum.</p>
<p>Id nam odio natum malorum, tibique copiosae expetenda mel ea.Detracto suavitate repudiandae no eum. Id adhuc minim soluta nam.Id nam odio natum malorum, tibique copiosae expetenda mel ea.</p>
</div>
`;
}
}
window.customElements.define('my-view2', MyView2);