使用聚合物，打字稿

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

我試圖用聚合物，打字稿，因爲我理解類卡應擴展聚合物類，它擴展節點只是不明白該怎麼做。

Answer 1

您的打字稿（應該是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">