Question

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

winscp.com /command "open ftp://username:password@xxx.xxx.xxx.xxx -explicit" "rm -filemask=<14D *.bak " "exit"

这很好用。在app-element标记

中添加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>some html here</app-element>

这会忽略测试元素代码。那么在哪些情况下我可以在聚合物元素中添加html代码？什么时候会被忽略？如果你想在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>

??谢谢

Answer 1

在第一种情况下，您在第二个灯光dom 中使用 local dom 。在本地dom中，包含它的自定义元素负责内容（在本例中为app-element）。因此，自定义元素的 creator 决定了本地dom的内容。相反，使用light dom为自定义元素的用户提供了指定内容的选项。自定义元素的创建者可以使用<content></content>标记指定灯光dom在自定义元素内的位置。所以为了使你的第二个例子工作，你需要这样的东西：

<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的示例用例是paper-dialog。使用light dom，对话框的用户可以决定对话框的内容。例如，要使用的特定按钮，对话框的主要内容等。有关本地和轻型dom的更多信息，请查看文档中的this page。

Polymer 1.0在其中添加其他聚合物元素

1 个答案: