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內可以使用的測試方法,由簡單的小範例逐一介紹各方法
[Angular] 與ASP.NET Core合體
Angular可以說是一個很稱職的前端Framework,那後端的架構又有什麼選擇呢? 其實ASP.NET MVC Core是一個不錯的選擇。架構很輕,在搭配無敵強大的Visual Studio與Azure超級無縫的接軌。可以說是不二人選,但是. Angular CLI的專案要怎麼跟MVC Core的專案結合呢? 以下使用Visual Studio 2017RC+ Core 1.1.0版來做Demo.
[Angular] Router Resolve
Angular 2的Router Config的地方,可以設定data跟resolve. 這篇就簡單的紀錄一下怎麼寫resolve的部分跟怎麼在component裡取得資料