Question

大家好我正在尝试创建一个使用＆lt;的自定义聚合物元素。 x-flipbox＆gt;其模板标签内的元素。

然而似乎＆lt; x-flipbox＆gt;标记它只在索引页面上工作而不在我的自定义元素中。

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

<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 repo的src目录中，在该目录中您拥有<link rel="import"> flipbox

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

x-flipox不适用于定制聚合物元件

1 个答案: