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

タイトル「ラブリーJubblyは私のサイトに表示されますが、secondTitle「残念で...」は表示されません。違いは、私がそれらの変数をどのように初期化したかだけです。私はTypeScriptとAngular2のnoobですので、明らかな間違いかもしれません。誰もこの動作を説明できるいくつかのドキュメントに私を誘導できますか？

Answer 1

タイプスクリプトは、Bummer...をタイプ（たとえば、"Bummer..."のみであることができる）として解釈しています。 JavaScriptになると、nullに初期化されます。

あなたが疑問に思っているのであれば、これらの型は特定の列挙型変数にとって便利です。例：

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