Angular 裡面有許多管理 Application State 的方法 ,ngrx
是其中一種。ngrx 提供幾個 libraries 可以讓將 RxJS 與 Redux Style 結合在一起。
[Angular] 自訂Decorators
Decorators 是 function 掛有 @
前綴符號,可以用於 class
、paramemter
、method
或 property
的前面。用來提供額外的資訊。
Angular也將Decorators的功能,應用於本身的架構內,例如 @Component
、@NgModule
等,本篇文章會討論如果我們也想要自訂Decorators時,我們要怎麼去實作。
[Angular] Change Detection
Angular會讓View上面的結果與Model的值同步,大部分的時候,我們並不需要去管 change detection
怎麼運作的,但是,了解 change detection
並在適當的時候選擇對的 change detection strategy
,可以增加系統的效能
[Angular] Router Event
Router Event到底可以怎麼應用,來探討一下吧
[Angular] Preloading策略
Angular有提供loadChildren
的Lazy loading的模式,也有提供preloadingStrategy
的策略模式可供設定,每種設定的方式會影響loadChildren
的行為,當然也可以自訂preloading的規則
[Angular]Laravel 5.3邂逅
Laravel 5.x版以後樣板的部分就內建使用Vue.js的方法。
假設今天我想要使用Angular CLI方式搭配Laravel的方式來開發,那又應該怎麼做呢,以下提供一個方式,歡迎討論
[Angular]Router Guards
通常我們會希望限制某些網址只有某特定規則者才可以進入或離開,Angular的Router提供了一系列的個方法來幫助我們
[RxJS]使用情境(1)-FB爬文
這一篇利用Facebook的GraphAPI+RxJS的方式,來爬Facebook的文章. 基本流程是
- 步驟1: 先從一個粉絲頁的id
- 步驟2: 再從粉絲頁去按讚的id擴展下去
- 步驟2-1: 讀取該粉絲頁的文章(post)
- 步驟2-2: 如果還有下一頁,根據paging.next的url重複步驟2-2
- 步驟3: 第二個粉絲頁重複步驟1
- 步驟4: 將讀取的post顯示在畫面上
[Angular] 學習筆記(2) - Angular 2 — Testing Guide
Angular 2 — Testing Guide的閱讀筆記,這篇文章是由 Gerard Sans撰寫的
這篇文章包含Angular Application的基本單元測試,像是Components, Services, Http and Pipes.
該文章有提供另外一個Testing Checklist 幫助建立測試
[Angular] 學習筆記(1) - Techniques and practices for testing Angular 2
這是Youtube影片(Techniques and practices for testing Angular 2)的觀看筆記
這影片前半段是在介紹Angular2內可以使用的測試方法,由簡單的小範例逐一介紹各方法