Angular 2在组件中声明动态属性

Question

我想在组件内部声明一些属性，像这样

export class HeroComponent implements OnInit {
    hero1:
    hero2:
    hero3:
    hero4:
    ...
    hero999:
}

有没有更好的方法来声明这些属性，而不是把它们都写出来?

Answer 1

export class HeroComponent implements OnInit {
  heroes: any[] = [];
  constructor() {
    for(var i = 1; i < 1000; i++) {
      this.heroes.push('hero'+i);
    }
  }
}

Answer 2

编写属性的一种更简洁的方法是利用typescript接口。您可以定义接口中允许的选项，并像这样使用它:

export class HeroComponent implements OnInit {
    private options: Options
    constructor() {
      this.options = {
        option1 : 'val1',
        option3 : [1,2]
      }
    }
}
export interface Options {
  option1: string,
  option2?: boolean,
  option3: number[]
}