angular2+ 初理解

1、Angular Module

    一、angular 模塊是一個類，它須要NgModule這個裝飾器函數接受一個原數據對象做爲參數來描述這個模塊類屬性。

    其中最重要的屬性有：

        declarations：聲明當前模塊的組件、指令和管道

        exports：declarations的子集，可用於其餘模塊的組件模版

        imports：當前模塊聲明的組件模板須要的類所在的其餘模塊

        providers：服務的建立者，並加入到全局服務列表，可用於應用任何部分

        bootstrap：指定應用的主視圖也稱爲根組件，它是全部其餘視圖的宿主，只有根模塊才能設置這個屬性。

2、組件

        負責控制視圖

        經過一些由屬性和方法組成的API與視圖交互

        當用戶在這個應用中漫遊時，angular會建立、更新和銷燬組件。應用能夠經過生命週期鉤子在組件生命週期的各個時間點插入本身的操做。如ngOnInit()

3、模版

        模版由<div><h2>等這樣的典型html元素以及*ngFor、 {{hero.name}}、 (click) 、[hero] 、<hero-detail></hero-detail>等angular模版語法自由組合

4、元數據

        修飾類

        總結：向代碼中添加元數據，以便angular知道該怎麼作

5、數據綁定

        插值表達式：{{item.name}} <li>{{hero.name}}</li>

        屬性綁定：[hero] <hero-detail [hero]="selectedHero"></hero-detail>

        事件綁定：（click）<li (click)="selectHero(hero)"></li>

        雙向綁定：([ngModel])=‘item.name’;ngModel指令組合了屬性綁定和事件綁定功能  <input [(ngModel)]=" hero.name">

6、指令

        組件也是指令的一種

        結構性指令（修改佈局）：*ngFor、*ngIf、ngSwitch...

        屬性型指令（修改DOM元素等）：ngModel、ngStyle、ngClass

7、服務

        angular的基礎

        組件是最大的服務消費者

        相對來講，組件自己不從服務器獲取數據、不進行驗證輸入，也不直接往控制檯寫日誌，這些都應該委託給服務

        使用原則：把應用邏輯拆分到服務，並經過依賴注入在組件中使用服務

8、依賴注入

        依賴注入是提供類的新實例等一種方式，大多數依賴都是服務；

        angular經過查看構造函數的參數類型得知組件須要哪些服務；

        服務能夠註冊到根模塊上，以便任何地方都使用服務的同一個實例，也能夠註冊到某個組件裏，則表示該組件的每個新實例都會有一個服務的新實例。