Typescript 将聚合物与打字脚本结合使用

我创建了以下文件：

card.html:

<polymer-element name="card" constructor="Card">
  <template>
    <link rel="stylesheet" href="card.css">
    <content></content>
  </template>
  <script src="card.js"></script>
</polymer-element>

我正在尝试将polymer与typescript一起使用，因为我知道类Card应该扩展polymer类，而扩展节点只是不知道如何做

您的打字脚本（应该是

card.ts

，而不是

card.js

）可能如下所示：

class Card extends HTMLElement {
    ready() {
        alert("made a card");
    }
}

Polymer('x-card', Card.prototype);

注意：如果将代码放入

构造函数

方法中，它将永远不会运行（因为在浏览器级别对自定义元素进行封送的方式存在arcana）

您必须将typescript编译成javascript才能尝试。此外，请记住自定义元素名称必须包含破折号，因此：

<polymer-element name="x-card" constructor="Card">

HTMLElement是lib.d.ts中的接口，类不能扩展接口。你是怎么做到的？您使用的是typescript的1.0版还是以前的版本？我一般不使用typescript。我记得当我回答这个问题时，我只在TypeScript操场上进行了测试。Card类必须链接到HtmleElement原型。这就是我回答的重点。如何在TypeScript中实现这一点是TypeScript的问题。这在操场上仍然有效，fwiw。在你最后的评论之后，你仍然认为这是一个有效的答案吗？你通过了原型。在这种可能性很小的情况下，您能否在回答中包含生成的javascript？还包括一处房产。然后你就会明白我的意思了。你没有看到操场上的错误吗：“一个班级只能扩展另一个班级。”

<polymer-element name="x-card" constructor="Card">