為什么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...'
}

我的網站上出現了標題“ Lovely Jubbly”，但是第二標題“ Bummer ...”沒有顯示。 唯一的不同是我如何初始化這些變量。 我是TypeScript和Angular2 noob，所以這可能是一個明顯的錯誤。 誰能將我引向一些可以解釋這種現象的文檔？

Answer 1

TypeScript將Bummer...解釋為一種類型 （例如，只能為"Bummer..."的字符串）。 當變成JavaScript時，它仍將初始化為null。

如果您想知道，這些類型對於某些類似於枚舉的變量可能很有用。 例如：

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