Question

我正在为项目尝试使用Polymer 2.0，并且我希望在自定义元素中包含自定义元素（使用未命名的插槽）：

<my-overview-element>
    <my-child-element1></my-child-element1>
    <my-child-element2></my-child-element2>
    <my-child-element3></my-child-element3>
</my-overview-element>

使用my-overview-element加载页面时，子元素不可见。我确实在DevTools中的my-overview-element shadowRoot下找到它们，但是它们没有在页面上呈现（似乎它们不被识别为自定义元素）。导航到包含<my-child-element1>的另一个页面（不是自定义元素的子项），然后返回到概述页面时，子元素变为可见。 my-child-element2和3也是如此。在他们自己的页面上，子元素工作正常。我是否需要一些特殊命令来将自定义元素呈现为另一个自定义元素的开槽子元素？我在概述页面尝试了懒惰导入它们，但这并没有帮助。

Answer 1

你是否用这样的东西正确加载了所有这些

<link rel="import" href="my-child-element1.html">
<link rel="import" href="my-child-element2.html">
<link rel="import" href="my-child-element3.html">

Answer 2

感谢您的回复和建议。问题是lazy-import：导入子元素似乎有点过于懒惰。因为它适用于页面上的主要元素，所以我并不怀疑lazy-import是罪魁祸首。对这些元素使用常规import可以解决问题。

嵌套聚合物组件不起作用

2 个答案: