Angular2/4-向typescript类添加toJSON函数的正确方法是什么?

this example 但是我的toJSON()函数没有被调用。

尝试1

export class Template {
  constructor(
  ) {}

  public id: string
  public account_id: string
  public name: string
  public title: string
  public info: string
  public template_items: Array<number>

  public toJSON = function() {
    return {
      attributes: this.template_items
    }
  }
}

尝试2

interface ITemplateSerialized {
  attributes: Array<number>
}

export class Template {
  constructor(
  ) {}

  public id: string
  public account_id: string
  public name: string
  public title: string
  public info: string
  public template_items: Array<number>

  toJSON(): ITemplateSerialized {
    return {
      attributes: this.template_items
    }
  }
}

尝试3

  public toJSON = function(): ITemplateSerialized {
    return {
      attributes: this.template_items
    }
  }

let t = new Template();
t.name = "Mickey Mouse"
t.template_items = [1,2,3]

console.log(JSON.stringify(t));

更新

在评论中@estus提供的plunk有效,所以我决定在Angular中制作一个,以进行比较。 Here it is 这是可行的。

当我写这个问题时,为了使代码更容易理解,我把“template\u items”做成了一个数字数组。但在我的实际角度项目中,它是一个自定义对象数组。 Here 是一个显示该结构的plunker。它也起作用。和 another plunker 角度工作4.4.6

但是这个相同的设置在我的角度项目中不起作用。所以问题是以防万一

在我的项目中,我从JSON返回了一个完全空的对象。stringify()。