2015-05-30 52 views
12

Polymer Elements için Typescript Sınıflarını kullanabildiğim için Polymer 0.5 (http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/) ile kullandığım bu harika makaleyi buldum. Bu yaklaşım artık Polimer 1.0 ile çalışmaz. Ben Typescript?

class CreatorStudio extends Polymer.Class({}) { 

    is = "creator-studio"; 
} 

/*(function() { 
Polymer(CreatorStudio.prototype); 
})();*/ 
document.registerElement("creator-studio", CreatorStudio.prototype); 

Ve diğer bir dizi yaklaşım denedik ama Polymer aynı kayıt elemanı almak gibi olamaz ({şudur: "yaratıcısı-stüdyo"});

Herkes TS sınıflarını ve Polymer 1.0'ı birlikte çalmayı başardı mı?

cevap

9

paketi kullanabilirsiniz PolymerTS

+0

** PolymerTS **, Typescript kullanarak Polymer ile çalışmak için çok yararlıdır. Ben daha fazla çalışmak için bir Yeoman jeneratörü ** [jeneratör-polimerler] (https://www.npmjs.com/package/generator-polymerts) ** yazdım. – bsorrentino

+1

PolymerTS yazmak için teşekkürler, bu harika. [Bunu ve diğer araçları birlikte kullanma hakkında bir makale yazdım] (http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/). – jjrv

+0

iyi, güzel yazı! –

0

Bu deneyebilirsiniz: Daha sonra

class CreatorStudio extends Polymer.Class(
    { 
     is: "creator-studio", 
     properties: {} 
    } 
){ 
    ready() { 
     // ... 
    } 
    created(){ 
     // ... 
    } 

ve: İşte

document.registerElement(CreatorStudio.prototype.is, CreatorStudio); 

bir çalışma örneği var (Babel kullanarak rağmen typescript değil): http://codepen.io/mikkokam/pen/jPMLJN

+0

Nasıl [[model.fullname]] yeniden güncellemeleri giriş alanına yönlendirir - tipik olarak [[..]] değişmeyen bir başlangıç ​​değerini temsil eder. –