2013-12-13 5 views
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() { 
    } 
} 

मैं साथ बहुलक उपयोग करने के लिए कोशिश कर रहा हूँ टाइपस्क्रिप्ट, जैसा कि मैं समझता हूं कि क्लास कार्ड को पॉलिमर क्लास का विस्तार करना चाहिए जो नोड को बढ़ाता है, यह समझ में नहीं आता कि कैसे करना है।

उत्तर

2

आपका टाइपप्रति (card.ts, नहीं card.js होना चाहिए) ऐसा दिखाई दे सकता:

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

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

नोट: यदि आप एक constructor विधि में कोड डाल दिया, यह (रास्ते में अरकाना की वजह से कभी चलेंगे कस्टम तत्व ब्राउज़र स्तर पर marshaled हैं)।

आपको अपनी टाइपस्क्रिप्ट को जावास्क्रिप्ट में संकलित करने के लिए संकलित करना होगा। यह भी ध्यान रखें कि कस्टम तत्व के नाम एक पानी का छींटा तो शामिल होना चाहिए,:

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

HTMLElement lib.d.ts में एक अंतरफलक है, एक वर्ग एक अंतरफलक का विस्तार नहीं कर सकते हैं। आपने यह काम कैसे किया? क्या आप टाइपस्क्रिप्ट के संस्करण 1.0 या पिछले एक का उपयोग कर रहे हैं? –

+0

मैं सामान्य रूप से टाइपस्क्रिप्ट का उपयोग नहीं करता हूं। जब मैं इस प्रश्न का उत्तर देता हूं तो मुझे केवल टाइपस्क्रिप्ट खेल के मैदान में परीक्षण याद है। –

+0

मैं देखता हूं। आपका जवाब काम नहीं करेगा। –

संबंधित मुद्दे