dart - 在 Polymer Dart 中扩展 paper-item

Question

我一直在尝试从 paper_elements 包中扩展 paper-item 元素。我在扩展我自己的元素时所做的事情，但是失败了。

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

<link rel="import" href="../../packages/paper_elements/paper_item.html">

<polymer-element name="x-item" extends="paper-item">
   ...
</polymer-element>


@CustomTag('x-item')
class XItem extends PaperItem {
   XItem.created() : super.created();
}

我没有收到任何错误消息，也没有初始化任何 Polymer 元素，页面的空白部分是我放置 Polymer 元素的地方。

我尝试使用与扩展内置 HTML 元素(如按钮或 div)相同的方法。那也失败了。

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

<link rel="import" href="../../packages/paper_elements/paper_item.html">

<polymer-element name="x-item" extends="paper-item">
    ...
</polymer-element>


@CustomTag('x-item')
class XItem extends PaperItem with Polymer, Observable {
    XItem.created() : super.created() {
        super.polymerCreated();
    }
}

我明白了

Breaking on exception: NotSupportedError: Registration failed for type 'x-item'. The tag name specified in 'extends' is a custom element name. Use inheritance instead.

如果我删除聚合物模板定义的扩展部分，我还是什么也得不到。页面中Polymer元素已经放置的地方，除了空白什么都没有。

如果我通过导入实际的 JS 版本 polymer-item.html 仍然会出现之前的错误

<link rel="import" href="../../packages/paper_elements/src/paper-item/paper-item.html">

尽管我仍然需要使用 super.polymerCreated(); 使用 Polymer 和 Observable 来扩展 PaperItem；生成该错误。

我知道 Polymer Dart 团队采取了一些技巧来让用 JS 编写的底层纸元素像 Polymer Dart 元素一样工作。我想这就是导致问题的原因。我的问题是如何克服这个问题，以便我可以在 Dart 中扩展纸元素？

更新 - 已提交错误 https://code.google.com/p/dart/issues/detail?id=20388

Answer 1

我试过了，它也不适合我。
我很确定这是 paper-elements/core-elements 中使用的 Polymer.js 元素的 Dart 包装器的错误/缺失功能。

<罢工>您还没有添加元素的 HTML。您的扩展元素模板是否包含 <shadow></shadow>元素?

<polymer-element name="x-item" extends="paper-item">
   <template>
     <shadow></shadow>
   </template>
</polymer-element>

<罢工>