0

我正在尝试将以下 JavaScript 代码迁移到 TypeScript。

var DemoGroupStyle = yfiles.lang.Class('DemoGroupStyle',{
  '$extends': yfiles.styles.NodeStyleBase,

  'constructor': function() {
    yfiles.styles.NodeStyleBase.call(this);
  },

  /**
   * Backing field for below property
   * @type {string}
   */
  '$cssClass': "",

  /**
   * Gets or sets a custom css class that is assigned to the top level element representing the node.
   * @type {string}
   */
  'cssClass': {
    '$meta': function() {
      return [
        yfiles.graphml.GraphMLAttribute().init({'defaultValue' : ""}),
        yfiles.lang.TypeAttribute(yfiles.lang.String.$class)];
    },
    'get': function() {
      return this.$cssClass;
    },
    'set': function(/**string*/ value) {
      this.$cssClass = value;
    }
  },

我尝试了以下逻辑：

    cssClass: string = "";

    metacssClass() {
        return [new yfiles.graphml.GraphMLAttribute().defaultValue = "", new yfiles.lang.TypeAttribute(yfiles.lang.String.$class)];
    }

    getcssClass() {return this.cssClass;};

    setcssClass(value) {this.cssClass = value};

但如果我想用它代替它，它就不起作用。

你能告诉我为什么我的逻辑是错误的，我该如何改变它？

4

1 回答 1

2

如果您依赖元数据的东西，那么恐怕您将无法真正将此类转换为原生 TypeScript 类。如果您不需要元编程（“$meta”），那么您可以轻松地将其转换为 TypeScript，大致如下：

  class DemoGroupStyle extends yfiles.styles.NodeStyleBase {

    constructor() {
      super();
    }

    private $cssClass : string;

    get cssClass(): string {
        return this.$cssClass;
    }

    set cssClass(cssClass: string) {
        this.$cssClass = cssClass;
    }
  }

但是 $meta 的东西不适用于 TypeScript：请参阅扩展框架类和关于属性的部分。

我的建议是保持这个类使用 JavaScript 语法（它可以很容易地在常规 TypeScript 代码中使用，并且与原生 TypeScript 和 ES6 类完美共存）并且只转换那些不需要使用元属性的类。

于 2018-07-05T10:14:59.697 回答