2015-05-30 28 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]]反映输入字段的更新 - 通常[[..]]表示不变的初始值。 –