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
策略時,一定都要重新傳新物件才能出發更新嗎? 答案:不用
[Angular] Angular Server-Side Rendering with Angular CLI 1.3.x 基本設定
Angular CLI 1.3.0 和 Angular 4.3 版本之前,要使用 SSR (Server Side Rendering) 其實還蠻複雜的,並不是無法做到,只是很麻煩。可是,當版本升級到 Angular 4.3 及 CLI 1.3.0 以後,這一切都變得非常簡單。這裡先說明如何快速地將 SSR 的環境建置起來
[Angular] Protractor
Protractor 也是一個出自 Google 之手的 E2E 測試框架,當初是為了測試 AngularJS 所開發出來的 E2E,當然也可以用來測試其他的一般網站,跟 Angular 2 (廢言)。雖然 Protractor 出來很久了,但是一直都沒有仔細的去研究怎麼使用,這篇文章就來記錄一些。
(不談怎麼設定環境,因為 Angular CLI 已經幫我們處理好了)