Angular2

NO IMAGE

Angular2核心概念:元件、後設資料、模板、資料繫結、服務、指令、依賴注入、模組
元件是angular2最核心的組成

生命週期:Constructor —->Onchanges—->OnInit—->OnChanges—->OnDestroy
               構造器初始化—->第一次觸發資料變化的鉤子—->元件初始化—->執行期間出發資料變化的鉤子—->元件銷燬前

裝飾器:賦予一個類更豐富的資訊(後設資料)
指令:屬性指令-改變元件模板的外觀或者行為,如樣式等;結構指令-改變元件模板的DOM結構,如ngIf用來插入或者移除DOM節點

後設資料:
@Component的一些配置項:
selector–一個css選擇器,通常是一個自定義標籤,它告訴angular在父級html中尋找這個標籤,建立元件,並插入此標籤中
templateUrl–元件模板的地址
directives–一個陣列,包含此模板需要依賴的元件或者指令
providers–一個陣列,包含主鍵所依賴的服務所需要的依賴注入提供商
styleUrls–一個陣列

插值表示式:{{hero.name}}
屬性繫結:[hreo]=”selectHero”
事件繫結:(click)=”selectHero(hero)”
雙向資料繫結:[(ngModel)]=”hero.name”

package.json列出了應用的依賴,並定義了一些有用的指令碼,標記本專案所需的npm依賴包
tsconfig.json是typescript的編譯器配置檔案,定義了TypeScript編譯器如何從專案原始檔生成JS程式碼
typings.json指定typescript定義檔案,為那些TypeScript編譯器無法識別的庫提供了額外的定義檔案
systemjs.config.js是SystemJS的配置檔案,為模組載入器提供了該到哪裡查詢應用模組的資訊,並註冊了所有必備的依賴包,它還包括文件後面的例子需要用到的包