x-flipox не работает на пользовательском полимерном элементе

Question

Привет всем, я пытаюсь создать пользовательский элемент Polymer, который использует элемент внутри тега шаблона.

Однако кажется, что тег работает только на странице индекса, а не внутри моих пользовательских элементов.

Это мой пользовательский элемент, что я делаю не так?

<link rel="import" href="../bower_components/polymer/polymer.html">

<link rel="import" href="../bower_components/x-tag-imports/x-tag-flipbox.html">

<polymer-element name="nautes-flipbox" attributes="">
  <template>
    <style>
      :host {
        display: block;
      }
    </style>


  <x-flipbox>
      <div>I'm the front face.</div>
      <div>I'm the back face.</div>
  </x-flipbox>

  </template>
  <script>
    Polymer({

    });
  </script>
</polymer-element>

Элемент выше просто показывает два div.

<x-flipbox>
      <div>I'm the front face.</div>
      <div>I'm the back face.</div>
</x-flipbox>

Этот вставленный в index.html показывает только один div (как и должно быть).

Кроме того, как я могу отладить такого рода проблемы? (Я новичок в полимере, и консоль не дает мне никакой ошибки / предупреждения)

Answer 1

Вам не нужно включать его в качестве импорта, это старая оболочка, которую разработчики Polymer написали для включения элементов X-Tag (возможно, это усложняет это). Вы можете просто включить JS (как <script>) и CSS (как <link rel="stylesheet">) внутри репозитория X-Flipbox src каталог, где у вас есть <link rel="import"> для флипбокса

Репо: https://github.com/x-tag/flipbox/tree/master/src