一般提起 Angular 的 Lazy Loading 時,第一個反應都是透過網址的方式來實作,但是否有方法可以借用 RouterModule
的幫助來產生 chunk 檔案,然後手動作載入的動作呢? 答案是可以的
[Angular] Angular Schematics
Angular CLI 1.4 版以後,樣板的產生器就改使用 @angular-devkit/schematics
,而在 10 月初,Nrwl.io
也推出 nx 版的 schematics 樣版集合,所以什麼是 schematics
,我們可以利用他來做什麼樣的事情呢?
[Angular] Angular 建立 Injector 的流程
Angular 有內建一套 Dependency Injection 框架,可以讓我們簡單的完成 DI 的相關行為,Angular 內部是如何運作建置 Injector 的呢? 讓我們來研究一下
[Angular]與DOTNET MVC CORE 整合
.NET Core 所提供的 Angular SPA 範本,用起來都覺得卡卡的,所以只好自己來整一個給 Angular 所使用的架構,跟著以下的步驟,就可以整理出我覺得還滿意的 .NET MVC Core 的程式架構
[Angular] 整合測試
整合測試主要的目的,是要測試 Component 的 template 的動作是否能如我們所預期的方式運作,而這是單元測試無法涵的範圍
Angular 也貼心準備小幫手,TestBed
,來協助我們完成整合測試
[RxJS] 練習曲(1) - pull to refresh
[RxJS]Observable 的 subscribe 與 forEach
RxJS 的 Observable 除了我們所熟悉的 subscribe,其實還可以透過 forEach 的方式取得 Observable 的資料。
[Angular] 自訂雙向繫結 - 簡易版
在上一篇介紹 Two-way Binding 的文章裡,有提到 [()]
的運作原理,我們也可以利用這原理,來寫自己的雙向繫結屬性,使用的場景會是 Component
[Angular] Two-way Binding 的運作方式
Angular 的雙向繫結與 AngularJS 的雙向繫結運作原理是完全不同的,目前看起來是沒有 AngularJS 會遇到效能問題。那 Angular 的雙向繫結到底是怎麼運作的呢?
[Angular] ChangeDetector 之 markForCheck 篇
Angular 的 Change Detection 機制,問題: 在使用 onPush
策略時,一定都要重新傳新物件才能出發更新嗎? 答案:不用