确保组件的加载顺序

Question

使用Polymer（0.5.4），我创建了一组使用如下的组件：

<wrapper-element>
   <child-element></child-element>
</wrapper-element>

我需要在包装器child-element事件/方法中调用第一个ready的方法。因此，我必须确保在包装器准备就绪时已经初始化了子项。

如果我按以下方式设置componentsnet的顺序，我发现在我的本地机器上一切正常：

<link rel="import" href="child.html">
<link rel="import" href="wrapper.html">

但我可以依赖这种行为吗？有没有办法可以确保孩子在包装就绪事件发生时可用？

Answer 1

只有在解析DOM

时才会调用ready

如果您在head部分导入这些htmls，浏览器将首先加载所有HTML导入，然后再开始解析DOM。

通过这种方式，您可以安全，但浏览器将一直空白，直到加载所有html文件为止（如果您想要更快的渲染，则必须推迟加载htmls）。

此外，在生产环境中，通常可以更快地将您的2个HTML文件连接在一起（在这种情况下，您不必担心依赖关系顺序;）