angular - 为什么我的页面中没有显示 Angular2 Component 属性？

Question

这是我的代码:

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...'
}

title 'Lovely Jubbly' 出现在我的网站上，但 secondTitle 'Bummer...' 没有显示。唯一的区别是我如何初始化这些变量。我是 TypeScript 和 Angular2 菜鸟，所以这可能是一个明显的错误。谁能指导我查看一些可以解释这种行为的文档？

Answer 1

TypeScript 正在将 Bummer... 解释为 type(例如，只能是 "Bummer..." 的字符串) .当它变成 JavaScript 时，它仍然会被初始化为 null。

如果您想知道，这些类型可用于某些类似枚举的变量。例如:

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