1. 程式人生 > >Angular2學習筆記一

Angular2學習筆記一

tab 聲明 con 根據 router 表達式 repeater 路由 path

TypeScript:

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

var作用域或函數作用域
let是詞法作用域或塊作用域
使用var聲明時,它不在乎你聲明多少次;你只會得到1個

Angular2:

1、組件:

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

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

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

Angular2學習筆記一