類構造函數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;
     }

    };