0

大家好，我正在尝试创建一个自定义聚合物元素，该元素在其模板标签内使用 < x-flipbox > 元素。

但是，它似乎 < x-flipbox > 标签只在索引页面上工作，而不是在我的自定义元素内。

这是我的自定义元素，我做错了什么？

<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（应该如此）。

另外，我该如何调试这类问题？（我是聚合物新手，控制台没有给我任何错误/警告）

4

1 回答 1

0

您不需要将其作为导入包含在内，这是 Polymer 人员为包含 X-Tag 元素而编写的旧包装器（这可能是使事情复杂化的原因）。您可以简单地将 JS (as a <script>) 和 CSS (as a <link rel="stylesheet">) 包含在 x-flipbox repo 的src目录<link rel="import">中

回购：https ://github.com/x-tag/flipbox/tree/master/src

于 2014-11-06T05:05:19.773 回答