Angular會讓View上面的結果與Model的值同步,大部分的時候,我們並不需要去管 change detection怎麼運作的,但是,了解 change detection並在適當的時候選擇對的 change detection strategy,可以增加系統的效能

閱讀全文 »

Angular有提供loadChildren的Lazy loading的模式,也有提供preloadingStrategy的策略模式可供設定,每種設定的方式會影響loadChildren的行為,當然也可以自訂preloading的規則

閱讀全文 »

Laravel 5.x版以後樣板的部分就內建使用Vue.js的方法。

假設今天我想要使用Angular CLI方式搭配Laravel的方式來開發,那又應該怎麼做呢,以下提供一個方式,歡迎討論

閱讀全文 »

通常我們會希望限制某些網址只有某特定規則者才可以進入或離開,Angular的Router提供了一系列的個方法來幫助我們

閱讀全文 »

這一篇利用Facebook的GraphAPI+RxJS的方式,來爬Facebook的文章. 基本流程是

  • 步驟1: 先從一個粉絲頁的id
  • 步驟2: 再從粉絲頁去按讚的id擴展下去
    • 步驟2-1: 讀取該粉絲頁的文章(post)
    • 步驟2-2: 如果還有下一頁,根據paging.next的url重複步驟2-2
  • 步驟3: 第二個粉絲頁重複步驟1
  • 步驟4: 將讀取的post顯示在畫面上
閱讀全文 »

Angular可以說是一個很稱職的前端Framework,那後端的架構又有什麼選擇呢? 其實ASP.NET MVC Core是一個不錯的選擇。架構很輕,在搭配無敵強大的Visual Studio與Azure超級無縫的接軌。可以說是不二人選,但是. Angular CLI的專案要怎麼跟MVC Core的專案結合呢? 以下使用Visual Studio 2017RC+ Core 1.1.0版來做Demo.

閱讀全文 »

Angular 2的Router Config的地方,可以設定data跟resolve. 這篇就簡單的紀錄一下怎麼寫resolve的部分跟怎麼在component裡取得資料

閱讀全文 »