类构造函数angular 2的默认数组值

Question

class DateComponent {
  constructor(public months:string[] = [],public days:number[] = [] , public years:number[] = []) { }

};

这给我在Chrome中的错误。 说“ =”无效。 我正在使用angular 2和typescript和webpack开发服务器。

如何将值传递给构造函数中的参数？

Answer 1

就像哈里在评论中说的那样，在构造函数中定义类成员保留用于Angular 2中的依赖项注入。

我建议将它们移出构造函数：

class DateComponent {
  public months: Array<string> = [];
  public days: Array<string> = [];
  public years: Array<string> = [];

  constructor() { 

  }
}

Answer 2

如果要使用构造函数的可选参数，则必须添加“？”。 但是对象的参数必须在构造函数之外定义。

在angular2中，您会看到一些在构造函数中定义的参数，但已在其中定义为类属性的注释（@ Component，@ Directive等）中使用。

如果我理解正确，那么您想要这样的事情：

class DateComponent {
      public months: [] = [];
      public days: [] = [];
      public years: [] = [];

      constructor(_months?:string[],_days?:number[], _years?:number[]) {
       this.months = _months;
       this.days = _days;
       this.years = _years;
     }

    };