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

编写属性的一种更简洁的方法是利用打字稿接口。 您可以定义界面中允许的选项并像这样使用它：

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[]
}