与组件中的轻DOM交互

时间:2016-07-17 07:53:16

标签: javascript dom polymer web-component

想象一下,您有一个像hot-form-validator这样的组件:

<hot-form-validator>
      <form is="iron-form" id="form" method="post" action="/stores/polymer">
        <paper-input required id="name" name="name" label="Your name"></paper-input>
        <paper-input required id="surname" name="surname" label="Your surname"></paper-input>
        <paper-button type="submit" raised on-click="_submit">Click!</paper-button>
      </form>
    </hot-form-validator>

组件中的任何内容都是轻型DOM。 在组件中,我想将一个监听器附加到paper-button元素。我注意到的是:

  • 如果我向ready()添加hot-form-validator方法,并找到<paper-button>,则<paper-button>尚未正确初始化。

  • 如果我向attached()添加hot-form-validator方法,并找到<paper-button>,则<paper-button>已完全初始化。

我意识到轻型DOM儿童的初始化顺序无法保证。但是,我对感到困惑,因为<form> 中的所有其他内容(包括<paper-input>等)都是表单的轻量级DOM 。但是,<paper-input><paper-button> 表单小部件的轻型DOM。

所以......如果我想确保所有内容都已完全初始化,那么attached()是可行的方式吗?

0 个答案:

没有答案
相关问题