2015-05-30 21 views
12

Ich fand diesen tollen Artikel, den ich mit Polymer 0.5 (http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/) verwendet hatte, um Typoskript-Klassen für Polymerelemente zu verwenden. Dieser Ansatz funktioniert nicht mehr mit Polymer 1.0. Ich habe versucht,Typoskript mit Polymer 1.0?

class CreatorStudio extends Polymer.Class({}) { 

    is = "creator-studio"; 
} 

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

und eine Reihe von anderen Ansätzen, aber kann nicht scheinen, um das Element zu erhalten die gleichen wie Polymer zu registrieren ({ist: „Schöpfer-Studio“});

Wer konnte TS-Klassen und Polymer 1.0 zusammen spielen?

Antwort

9

Sie das Paket verwenden können, PolymerTS

+0

** PolymerTS ** ist sehr hilfreich bei der Arbeit mit Polymer mit Typoskript. Ich schrieb auch einen Yeoman-Generator ** [Generator-polymerts] (https://www.npmjs.com/package/generator-polymers) **, um die Arbeit damit zu erleichtern – bsorrentino

+1

Danke für das Schreiben von PolymerTS, es ist großartig. Ich schrieb [einen Artikel darüber, wie man es und einige andere Tools zusammen benutzt] (http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/). – jjrv

+0

gut, schöner Artikel! –

0

Sie können dies versuchen:

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

und später:

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

Hier ist eine Arbeitsprobe (obwohl Babel mit, Typoskript nicht): http://codepen.io/mikkokam/pen/jPMLJN

+0

Wie kommt [[model.fullname]] re Flektiert Aktualisierungen des Eingabefeldes - typischerweise [[..]] repräsentiert einen unveränderlichen Anfangswert. –

Verwandte Themen