2015-05-30 87 views
12

我發現這篇文章與Polymer 0.5(http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/)一起使用,因爲它能夠使用Typescript Classes for Polymer Elements。這種方法不再適用於Polymer 1.0。我試圖Typescript with Polymer 1.0?

class CreatorStudio extends Polymer.Class({}) { 

    is = "creator-studio"; 
} 

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

而其他的一些方法,但似乎無法得到元素一樣登記爲聚合物({是:「創作者工作室」});

任何人都能夠獲得TS類和Polymer 1.0一起玩嗎?

回答

9

你可以使用包PolymerTS

+0

** PolymerTS **對於使用Typescript的Polymer工作非常有幫助。我也寫了一個Yeoman發生器** [發生器聚合物](https://www.npmjs.com/package/generator-polymerts)**,以使它更容易工作 – bsorrentino

+1

感謝您編寫PolymerTS,它非常棒。我寫了[一篇關於一起使用它和其他幾個工具的文章](http://blog.charto.net/typescript/Taming-Polymer-with-SystemJS-and-TypeScript-part-1/)。 – jjrv

+0

不錯,不錯的文章! –

0

你可以試試這個:

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

及更高版本:

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

這裏的工作示例(雖然使用通天,沒有打字稿): http://codepen.io/mikkokam/pen/jPMLJN

+0

怎麼來[[model.fullname]]反映輸入字段的更新 - 通常[[..]]表示不變的初始值。 –