typescript - 使用带有打字稿的聚合物

Question

我创建了文件：

卡片.html：

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

卡.js：

class Card {

    ready() {
    }

    leftView() {
    }
}

我正在尝试将聚合物与打字稿一起使用，因为我知道类 Card 应该扩展扩展 Node 的 Polymer 类只是不明白该怎么做。

Answer 1

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

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

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

注意：如果您将代码放入constructor方法中，它将永远不会运行（因为在浏览器级别编组自定义元素的方式中存在奥秘）。

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

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