2013-12-13 28 views
5

i yarattık dosyaları:kullanılarak polimer

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

Birlikte polimeri kullanmaya çalışıyorum Ben sınıfını anladığım gibi, klavyeyi kullanmalıyım. Düğüm genişleten Polimer sınıfını nasıl yapması gerektiğini anlamıyor.

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

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

Not: Bir constructor yönteminde kod koyarsanız, bunun nedeni şekilde arcana (koşmak asla

cevap

2

Kişisel typescript aşağıdaki gibi görünebilir (card.ts değil card.js olmalıdır) özel öğeler tarayıcı düzeyinde sıralanırlar).

Bunu denemek için yazı tipinizi javascript ile derlemeniz gerekecektir. Ayrıca, özel öğe adlarının bir tire içermesi gerektiğini unutmayın, bu nedenle:

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

HTMLElement, lib.d.ts dosyasında bir arabirimdir, bir sınıf bir arabirimi genişletemez. Bu işe sahip olmayı nasıl başardınız? Typecript veya bir öncekinin 1.0 sürümünü mi kullanıyorsunuz? –

+0

Genelde TypeScript kullanmıyorum. Bu soruyu cevapladığımda sadece TypeScript oyun alanında test yapmayı hatırlıyorum. –

+0

Anladım. Cevabın işe yaramayacak. –