Typescript Angular Component,冒号与equals

时间:2018-05-27 05:35:03

标签: angular typescript

我正在https://angular.io尝试角度教程。

经过一些编辑后,代码最终如下:

@Component({
   ...
})
export class HeroesComponent implements OnInit {
  heroes = HEROES;  // here 1
  selectedHero: Hero;  // here 2

  ...
}

有一个带有等号的赋值,后跟看起来像对象初始化。

我不明白“这里1”和“这里2”之间的区别。我对似乎是两个赋值的语法感到困惑。以上是唯一编译的形式。有人可以解释一下吗?

2 个答案:

答案 0 :(得分:1)

第一个 initializing assigning HEROES 数组 Hero ,稍后您只是声明selectedHero的类型为 heroes = HEROES; //Assigning the value selectedHero: Hero; //here 2 //Declaring the variable of type

类型
@triggerFormDataValue()

答案 1 :(得分:1)

英雄= HEROES; //此处1 为类变量英雄分配值&#39; HEROES&#39; 。< / p>

selectedHero:Hero; //这里2确保类变量 &#39; selectedHero&#39;属于&#39; Hero&#39; 。这对于typescript非常有用,因为当将与Hero不同的值分配给变量&#39; selectedHero&#39;时,它将显示错误(如果与IDE一起使用)。

这是打字稿,而且它会发生变化。但是在生产模式下,它全部用javascript编译,使用了原型设计等功能。有关更多javascript编译,您可以搜索谷歌。