啓動angular2應用程序，html或.ts文件時首先呈現的是什麼？

Question

任何人都可以解釋什麼時候打開一個單一的頁面應用程序的角度建立一個URL？

初始app.component.ts是否首先執行（構造函數和ngOnInit），然後app.component.html呈現或者是否是其他方式執行的。另外如果我定義了一些@Inputs（）並且輸入爲.ts文件提供了來自app.component.html文件的一些數據，那麼在app.component.ts必須等待輸入屬性的情況下會發生什麼值？

誰能給一個很好的鏈接或幾行（不會有太深）

Answer 1

總之解釋這個過程中，每個組件都有一個模板（HTML），樣式（CSS）和體（ TypeScript類）。 Typescript類是實際的組件。

@Component({ 
    template: ` 
    <div> 
     <h4>{{data.headline}}</h4> 
     {{data.body}} 
    </div> 
    ` 
}) 
export class MyComponent{ 
    @Input() data: any; 

} 

如果你願意，你可以指定一個單獨的文件模板（使當你有超過兩HTML的行更有意義） - 這不會改變任何東西。

首先，組件被實例化爲一個類。然後組件的生命週期開始 - 您可以在official documentation中閱讀更多關於它的內容。

該類是渲染模板的內容，在生命週期文檔中，您可以看到在某些鉤子運行後創建了該視圖 - 讓您有機會獲取@Input並以其他方式爲視圖設置數據。