Javascript 聚合物1.0在内部添加其他聚合物元素

您好，这样添加子聚合物元素有什么区别：

<dom-module id="app-element">
    <template>
        <h1>Hello</h1>
        <test-element></test-element>
    </template>
    <script>
        Polymer({
            is: "app-element"
        });
    </script>
</dom-module>
<app-element></app-element>

<app-element>
    <test-element></test-element>
</app-element>

你好
聚合物({
是：“应用程序元素”
});

这个很好用。 在app元素标记中添加html代码（包括其他聚合元素）的效果

<app-element>some html here</app-element>

这里有一些html

像这样：

 <dom-module id="app-element">
    <template>
        <h1>Hello</h1>

    </template>
    <script>
        Polymer({
            is: "app-element"
        });
    </script>
</dom-module>
<app-element>
    <test-element></test-element>
</app-element>

<dom-module id="app-element">
    <template>
        <h1>Hello</h1>
        <content></content>
    </template>
<script>
    Polymer({
        is: "app-element"
    });
</script>
</dom-module>
<app-element>
    <test-element></test-element>
</app-element>

你好
聚合物({
是：“应用程序元素”
});

这将忽略测试元素代码。那么在什么情况下我可以在聚合元素中添加html代码呢？什么时候会被忽略？在什么情况下，您希望在html代码中的其他聚合元素中添加聚合元素，如下所示：

<dom-module id="app-element">
    <template>
        <h1>Hello</h1>
        <test-element></test-element>
    </template>
    <script>
        Polymer({
            is: "app-element"
        });
    </script>
</dom-module>
<app-element></app-element>

<app-element>
    <test-element></test-element>
</app-element>

---

?？？谢谢

在第一种情况下，您使用的是本地dom，在第二种情况下使用的是轻型dom。 在本地dom中，包含它的自定义元素负责内容（在本例中为app元素）。因此，自定义元素的创建者决定本地dom的内容。相反，使用light dom为自定义元素的用户提供了指定内容的选项。自定义元素的创建者可以使用

标记指定灯光dom应该进入自定义元素的位置。因此，要使第二个示例起作用，您需要以下内容：

 <dom-module id="app-element">
    <template>
        <h1>Hello</h1>

    </template>
    <script>
        Polymer({
            is: "app-element"
        });
    </script>
</dom-module>
<app-element>
    <test-element></test-element>
</app-element>

<dom-module id="app-element">
    <template>
        <h1>Hello</h1>
        <content></content>
    </template>
<script>
    Polymer({
        is: "app-element"
    });
</script>
</dom-module>
<app-element>
    <test-element></test-element>
</app-element>

你好
聚合物({
是：“应用程序元素”
});
. 使用light dom，对话框的用户可以决定对话框的内容。例如，要使用的特定按钮、对话框的主要内容等。
有关本地和轻型dom的更多信息，请参阅文档中的