一般的情況下,<router-outlet> 一組就已足夠,但當畫面的複雜度提高,使用一個 <router-outlet> 可能會讓程式碼的可維護性降低,如果能在多幾組 <router-outlet> 該有多好。而 Angular 的 <router-outlet> 確實支援此功能。

閱讀全文 »

一旦登入成功後,接下來的工作就比較簡單了,因為查詢的 endpoint 都是一樣的,所以只需要在意後面所傳項目的變化即可,而這篇筆記包含了取得信件資料夾,信件清單,寄信等動作

閱讀全文 »

身為微軟 MVP,沒將 Angular 與 O365 做整合,好像說不過去。Microsoft O365 系列,其生態系其實算是很完整了,也提供了相當不錯的 API 供開發者做延伸應用。基於這個理由,我也決定要來玩看看 O365 了。但在開始之前,要先搞定登入 MS 帳號並取得通行 Token。所以這篇筆記就是記錄如何登入並取得 Token.

閱讀全文 »

沒錯,又是另外一套 Angular 狀態管理的工具,這一套 Akita 根據介紹,是融合 Flux + Redux + RxJS 以 OOP 的方式呈現。有別於其他 Redux 風格的狀態管理,是以 FP 的方式完成,就來嘗鮮看看,多一種選擇也不錯

閱讀全文 »

Angular 內有提供針對 Component 本體樣式描述的特別語法,分別是 :host:host-context 這兩者使用,可以讓 Component 的樣式更模組化。而這篇文章就針對這兩者的用法做說明

閱讀全文 »

C# 的集合種類有很多種,每一種集合都有不同的特性,趁著在看 ImmutableList 將這個區塊的資訊整理一下。C# 跟及何有關的命名空間,都會放在 System.Collections

閱讀全文 »

Angular 所提供的 @angualr/pwa 套件,可以讓我們快速地完成加入 service worker 並建立起 PWA 網站。但由於 service worker 會將內容暫存住,要用怎樣的方法才能讓 service worker 更新暫存內容呢?

閱讀全文 »

RxJS 6.x 使用 pipe 之後,建立 operators 的方法就又更簡單了。不論是重構將部分的動作成一個自訂 operator ,或是整合其他 library 成為另外一個新的 operator,都遠比之前版本簡單,以下提供一些方法及方向供參考

閱讀全文 »