使用 Polymer 1.0 的打字稿?
Typescript with Polymer 1.0?
我发现了这篇很棒的文章,我一直在使用 Polymer 0.5 ( http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/ ) 能够将 Typescript 类 用于 Polymer Elements。这种方法不再适用于 Polymer 1.0。我试过了
class CreatorStudio extends Polymer.Class({}) {
is = "creator-studio";
}
/*(function () {
Polymer(CreatorStudio.prototype);
})();*/
document.registerElement("creator-studio", CreatorStudio.prototype);
还有许多其他方法,但似乎无法让元素注册为与 Polymer({is: "creator-studio"});
有人能够让 TS 类 和 Polymer 1.0 一起玩吗?
你可以试试这个:
class CreatorStudio extends Polymer.Class(
{
is: "creator-studio",
properties: {}
}
){
ready() {
// ...
}
created(){
// ...
}
及以后:
document.registerElement(CreatorStudio.prototype.is, CreatorStudio);
这是一个工作示例(尽管使用的是 Babel,而不是 Typescript):
http://codepen.io/mikkokam/pen/jPMLJN
你可以使用包 PolymerTS
我发现了这篇很棒的文章,我一直在使用 Polymer 0.5 ( http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/ ) 能够将 Typescript 类 用于 Polymer Elements。这种方法不再适用于 Polymer 1.0。我试过了
class CreatorStudio extends Polymer.Class({}) {
is = "creator-studio";
}
/*(function () {
Polymer(CreatorStudio.prototype);
})();*/
document.registerElement("creator-studio", CreatorStudio.prototype);
还有许多其他方法,但似乎无法让元素注册为与 Polymer({is: "creator-studio"});
有人能够让 TS 类 和 Polymer 1.0 一起玩吗?
你可以试试这个:
class CreatorStudio extends Polymer.Class(
{
is: "creator-studio",
properties: {}
}
){
ready() {
// ...
}
created(){
// ...
}
及以后:
document.registerElement(CreatorStudio.prototype.is, CreatorStudio);
这是一个工作示例(尽管使用的是 Babel,而不是 Typescript): http://codepen.io/mikkokam/pen/jPMLJN
你可以使用包 PolymerTS