Angular2學習筆記一

TypeScript:

TypeScript變量聲明：let和const是JavaScript裏相對較新的變量聲明方式，const是對let的一個加強，它能阻止對一個變量再次賦值。

var做用域或函數做用域
let是詞法做用域或塊做用域
使用var聲明時，它不在意你聲明多少次；你只會獲得1個

 

Angular2:

一、組件：

組件是 Angular 應用中的基本構造塊。 它們在屏幕上顯示數據，監聽用戶輸入，而且根據這些輸入執行相應的動做。
組件不該該直接獲取或保存數據，它們不該該瞭解是否在展現假數據。 它們應該聚焦於展現數據，而把數據訪問的職責委託給某個服務。

一、{{hero.name | uppercase}} 綁定表達式中的 uppercase 位於管道操做符（ | ）的右邊，用來調用內置管道 UppercasePipe。
二、[(ngModel)] 是 Angular 的雙向數據綁定語法。它屬於一個可選模塊 FormsModule，你必須自行添加此模塊才能使用該指令。
三、Angular 須要知道如何把應用程序的各個部分組合到一塊兒，以及該應用須要哪些其它文件和庫。 這些信息被稱爲元數據（metadata）。
四、*ngFor 是一個 Angular 的複寫器（repeater）指令。 它會爲列表中的每項數據複寫它的宿主元素。
五、@Injectable() 裝飾器會接受該服務的元數據對象，就像 @Component() 對組件類的做用同樣。
六、讓構造函數保持簡單，只作初始化操做，好比把構造函數的參數賦值給屬性。 構造函數不該該作任何事。 它固然不該該調用某個函數來向遠端服務（好比真實的數據服務）發起 HTTP 請求。

七、 Angular HttpClient 的方法會返回 RxJS 的 Observable
八、Observable.subscribe() 異步操做
九、Angular 只會綁定到組件的公共屬性。
十、*ngIf 只有在有消息時纔會顯示消息區。
十一、在 Angular 中，最好在一個獨立的頂級模塊中加載和配置路由器。
十二、使用 RouterModule 中的 Routes 類來配置路由器。
1三、典型的 Angular 路由（Route）有兩個屬性：
path：一個用於匹配瀏覽器地址欄中 URL 的字符串。
component：當導航到此路由時，路由器應該建立哪一個組件。
1四、RouterModule.forRoot() 在應用的頂級配置這個路由器。 forRoot() 方法會提供路由所需的服務提供商和指令，還會基於瀏覽器的當前 URL 執行首次導航。
1五、路由出口 （RouterOutlet）。
1六、routerLink 是 RouterLink 指令的選擇器，它會把用戶的點擊轉換爲路由器的導航操做。
1七、location 是一個 Angular 的服務，用來與瀏覽器打交道。
1八、從路由信息中獲取id： const id = +this.route.snapshot.paramMap.get('id');
JavaScript 的 (+) 操做符會把字符串轉換成數字。
route.snapshot 是一個路由信息的靜態快照，抓取自組件剛剛建立完畢以後。
paramMap 是一個從 URL 中提取的路由參數值的字典。
1九、反引號 ( ` ) 用於定義 JavaScript 的 模板字符串字面量。