Элемент передан во многих рекурсивных слотах, не отображаемых в элементе нижнего уровня - PullRequest
Новая
       24

Элемент передан во многих рекурсивных слотах, не отображаемых в элементе нижнего уровня

0 голосов
/ 16 сентября 2018

Использование Polymer 1. * и Shady Dom с Chrome.

ОБНОВЛЕНИЕ : я могу пропустить элемент через 2 именованных слота, но не через 3. Имеет ли теневой дом ограничение?

У меня проблемы с передачей special-form-element в <foo-two> х slot="card-content" и отображением в элементах правнука <foo-card> х <slot name="card-content"></slot>.

Нижний колонтитул карты с <slot name="footer-action-right"></slot> показывает кнопки бумаги без проблем (таким образом, развал железа расширяется, как и должно быть). Только <slot name="card-content"></slot> не показывает special-form-element, пропущенный через множество рекурсивных слотов.

Есть идеи, что я делаю неправильно, чтобы не сделать шоу special-form-element в <foo-card> <slot name="card-content"></slot>? 

<dom-module id="foo-one">
  <template>
    <foo-two>
      <special-form-element id="addForm" slot="card-content" client="[[client]]" entity="{{newEntity}}"></special-form-element>
    </foo-two>
 </template>
</dom-module>

<dom-module id="foo-two">
  <template>
    <foo-three id="addForm">
      <paper-button slot="button" on-tap="goToGrid">Cancel</paper-button>

      <div slot="card-content">
        <slot id="addSlot" name="card-content"></slot>
      </div>
    </foo-three>
  </template>
</dom-module>

<dom-module id="foo-three">
  <template>
    <bar-element></bar-element>

     <foo-card hidden="[[bar]]">
       <slot name="header-content"></slot>

       <div id="addSlot" slot="card-content">
         <slot name="card-content"></slot>
       </div>

       <div slot="footer-action-right">
         <paper-button on-tap="_submitForm">Save</paper-button>
         <paper-button
           on-tap="_cancel"
           hidden$="[[hideCancel]]"
           slot="footer-action-right">
           Cancel
         </paper-button>

         <slot name="buttonn"><slot>
       </div>           

    </foo-card>
  </template>
</dom-module>

<dom-module id="foo-card">
  <template>
    <div id="mainCard" class="sp6-paper-card">
      <div class="card-header-bar" hidden="[[minimal]]">
        <sp-letter-avatar hidden="[[noLetterAvatar]]" id="headerAvatar" width="40" height="40" name="[[name]]" label="[[label]]"></sp-letter-avatar>
        <span class="card-title" hidden="[[_hideHeading(noLetterAvatar, heading)]]">[[heading]]</span>
        <div class="layout horizontal">
          <paper-icon-button icon="hardware:keyboard-arrow-down"
                             noink
                             hidden$="[[!collapsible]]"
                             id="collapseButton"
                             title="{{title}}"
                             on-tap="_expand">
          </paper-icon-button>

          <slot name="button"></slot>

        </div>
      </div>

      <iron-collapse opened="[[!minimized]]">

        <iron-collapse id="expandedContent" opened="[[expanded]]">
          <div class="card-content">
            <slot name="card-content"></slot>
          </div>

          <div class="card-footer" hidden="[[minimal]]">
            <slot name="footer-action-left"></slot>
            <div></div> <!-- flex filler -->
            <slot name="footer-action-right"></slot>
          </div>
        </iron-collapse>

      </iron-collapse>
    </div>

  </template>
</dom-module>
...