Question

聚合物3和铁元。如何从<iron-meta></iron-meta>实例访问meta？我可以在mixin中执行document.createElement，但使用一个<iron-meta></iron-meta>元素就可以使它更干净。

Mixin：

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);

Answer 1

实际上，我最终没有使用iron-meta。由于Polymer 3使用ES6模块，因此我只使用api常数制作了自己的模块，并将其注入需要它的组件中。

Answer 2

您尝试访问

window["meta"]

并检查其中有什么？也许您可以通过

访问

window["meta"]["FORM_HOST"]

从Mixin访问Iron-meta实例

2 个答案: