Html 如何使用多个<；内容>；单一聚合物元素中的标签？

我尝试在单个元素中访问相同的数据两次，一次用于桌面导航，另一次用于响应导航（抽屉工具栏）。为此，我使用了两个内容标签，但只需要一个。在这种情况下该怎么办

<app-drawer-layout force-narrow>

  <app-drawer id="drawer">

    <app-toolbar></app-toolbar>

    <!-- Nav on mobile: side nav menu -->
    <paper-menu selected="{{selected}}" attr-for-selected="name">
      <template is="dom-repeat" items="{{items}}">
        <paper-item name="{{item}}">{{item}}</paper-item>
      </template>
    </paper-menu>

  </app-drawer>

  <app-header-layout>
    <app-header class="main-header">

      <app-toolbar>
        <paper-icon-button class="menu-button" icon="menu" drawer-toggle hidden$="{{wideLayout}}"></paper-icon-button>
      </app-toolbar>

      <app-toolbar class="tabs-bar" hidden$="{{!wideLayout}}">
        <!-- Nav on desktop: tabs -->
        <paper-tabs selected="{{selected}}" attr-for-selected="name" bottom-item>
          <template is="dom-repeat" items="{{items}}">
            <paper-tab name="{{item}}">{{item}}</paper-tab>
          </template>
        </paper-tabs>
      </app-toolbar>

    </app-header>
  </app-header-layout>

</app-drawer-layout>

<iron-media-query query="min-width: 600px" query-matches="{{wideLayout}}"></iron-media-query>

我有这种类型的代码。在不使用数组的情况下，如何添加菜单元素。我想将它们分别添加到应用程序标题和应用程序抽屉的索引中。但在索引中，它应该写一次，如下所示

   <wt-header logo="logo url" enable-menu="true" enable-topbar="false">
        <wt-menu>
        <wt-tab name="TabName" action="http://example.com/action" />
        <wt-tab name="TabName1" action="http://example.com/action2" />
        <wt-tab name="TabName3" action="http://example.com/action3" />
        </wt-menu>
    </wt-header>

---

我认为您需要提供两次<代码>不会“产生”传递给元素的内容，它只是投射内容-

只是一个显示传递内容的窗口

如果要提供两次，则需要向至少一个

添加

select=“.some”

，以定义投影内容的哪个部分（与选择器

.some

匹配的部分）应投影到此

元素，以及哪些内容应投影到另一个

元素

---

另一种方法是在

…

中传递内容，然后使用多次附加模板的内容。例如，这是如何

或正在做的谢谢，我正在尝试。另请参见

   <wt-header logo="logo url" enable-menu="true" enable-topbar="false">
        <wt-menu>
        <wt-tab name="TabName" action="http://example.com/action" />
        <wt-tab name="TabName1" action="http://example.com/action2" />
        <wt-tab name="TabName3" action="http://example.com/action3" />
        </wt-menu>
    </wt-header>