爲什麼我的頁面中不顯示Angular2組件屬性？

這是我的代碼：爲什麼我的頁面中不顯示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...' 
}

標題「可愛Jubbly」出現在我的網站，但secondTitle「無賴......」不顯示。唯一的區別是我如何初始化這些變量。我是TypeScript和Angular2 noob，所以它可能是一個明顯的錯誤。任何人都可以指導我看一些可以解釋這種行爲的文檔嗎？

來源

2016-08-19 Drag0

TypeScript將Bummer...解釋爲類型（例如，只能是"Bummer..."的字符串）。當它變成JavaScript時，它仍然會被初始化爲空。

如果你想知道，這些類型可以用於某些類枚舉變量。例如：

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

來源

2016-08-19 20:19:04 Katana314

哦......非常感謝。我想除了閱讀TypeScript文檔封面外沒有別的辦法:) – Drag0

這是一個很容易犯的錯誤，我一直在做。你可以做'secondTitle：string ='無賴......'或'secondTitle ='無賴......'「，但是忘記等號特別容易，尤其是當你的時間花在JSON上的時候。 –

爲什麼我的頁面中不顯示Angular2組件屬性？

回答

相關問題