5

私はファイルを作成しました：

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() {
    }
}

タイプスクリプトでポリマーを使用しようとしています.クラスカードはノードを拡張するポリマークラスを拡張する必要があることを理解しているため、方法がわかりません.

4

1 に答える 1

2

TypeScript (card.tsではなくである必要がありますcard.js) は次のようになります。

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

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

注: コードをメソッドに入れるconstructorと、決して実行されません (カスタム要素がブラウザー レベルでマーシャリングされる方法が複雑なため)。

試してみるには、typescript を javascript にコンパイルする必要があります。また、カスタム要素の名前にはダッシュが含まれている必要があることに注意してください。

<polymer-element name="x-card" constructor="Card">
于 2014-01-25T17:56:08.790 に答える