Question

我创建了文件：

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>

card.js：

class Card {

    ready() {
    }

    leftView() {
    }
}

我正在尝试使用带打字稿的聚合物，因为我理解类卡应该扩展Polymer类，这扩展Node只是不明白怎么做。

Answer 1

您的TypeScript（应为card.ts，而不是card.js）可能如下所示：

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

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

注意：如果您将代码置于constructor方法中，它将永远不会运行（因为自定义元素在浏览器级别封送的方式为arcana）。

您必须将您的打字稿编译成javascript才能尝试。另外，请记住自定义元素名称必须包含破折号，所以：

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

使用带打字稿的聚合物

1 个答案: