带有 Polymer 1.0 的打字稿？答案

【问题标题】：Typescript with Polymer 1.0?带有 Polymer 1.0 的打字稿？
【发布时间】：2015-07-28 20:09:26
【问题描述】：

我发现这篇很棒的文章我一直在使用 Polymer 0.5 (http://www.mikecann.co.uk/programming/tinkering-with-google-polymer-and-typescript/)，因为它能够为 Polymer 元素使用 Typescript 类。这种方法不再适用于 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 一起玩吗？

【问题讨论】：

标签： typescript polymer typescript1.5

【解决方案1】：

你可以使用包PolymerTS

【讨论】：

PolymerTS 对于使用 Typescript 处理 Polymer 非常有帮助。我还写了一个 Yeoman 生成器 generator-polymerts 以便于使用它
感谢您编写 PolymerTS，非常棒。我写了an article about using it and several other tools together。

【解决方案2】：

你可以试试这个：

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

【讨论】：

如何 [[model.fullname]] 反映输入字段的更新 - 通常 [[..]] 表示不变的初始值。