为什么不是'；是否在我的页面中显示Angular2组件属性？

这是我的代码：

import {Component} from "@angular/core";

@Component({
  selector: 'my-app',
  template: `
      <h1>{{title}}</h1>
      <h2>{{secondTitle}}</h2>
      <main-page></main-page>
     `
})

export class AppComponent {
  title = 'Lovely Jubbly';
  secondTitle: 'Bummer...'
}

从“@angular/core”导入{Component}；
@组成部分({
选择器：“我的应用程序”，
模板：`
{{title}}
{{secondTitle}}
`
})
导出类AppComponent{
标题=‘可爱的快乐’；
第二个标题：“倒霉蛋……”
}

---

标题“可爱的快乐”出现在我的网站上，但第二个标题“Bummer…”没有显示。唯一的区别是我如何初始化这些变量。我是打字稿和Angular2 noob，所以这可能是一个明显的错误。有谁能告诉我一些可以解释这种行为的文档吗？

TypeScript将

Bummer…

解释为一种类型（例如，一个只能是

Bummer…

的字符串）。当它变成JavaScript时，它仍将被初始化为null

如果您想知道，这些类型对于某些类似枚举的变量可能很有用。例如：

var trafficLightState:'RED' | 'GREEN' | 'YELLOW' = 'RED';
trafficLightState = 'Melon'; // ERROR!

---

哦。。。非常感谢你。我想除了从头到尾地阅读打字稿文档之外，没有别的方法了：）这是一个很容易犯的错误，我一直都在这样做。您可以执行

secondTitle:string='Bummer…'

或

secondTitle='Bummer…'

但很容易忘记等号，尤其是当您有一半的时间花在JSON上时。