需求: 表單Submit後需要從後端做 新增or修改,為避免User重複觸發,打算將Submit設計為 Observable,可以搭配Rxjs的exhaustM...
架構:(1) userComponent:訂閱(subscribe)sharedService 的 User資料 (2)sharedService利用Subje...
實作: 根據scroll的位置,在頁面上方顯示一個 progress bar 對應scroll 的位置。 Demo:https://angular-ym-scr...
各位好,不知道各位是否有聽過Functional Programming - FP,這是近期很火紅的名詞。 我第一次聽到這個名詞是一個前輩說的:「FP實在太神奇...
concatMap concatMap可以看成是 map + concatAll html <button #click>click</but...
Rxjs 的問題 State 可以在任何地方改變 State 是多個的 處理 Http 是非常不清楚的 Redux 的流程圖 ngrx 的流程圖 參考...
為什麼使用rxjs RxJS是一組可以用來處理非同步、以及同步事件的一個JavaScript Library 能幫助你快速地使用像是Ajax、Server W...
在上一篇,使用httpClient取得API資料的時候,看到一段陌生的程式碼 ngOnInit() { // this.heros = this.da...
*資料夾結構* ― [project name] └ frontend └ web └ mobile(pwa) └ backend 會這樣命名...
昨天我們講了幾個常用 RxJS operators,今天再來看看一些其他在 Angular 常見的應用吧! 類型:技巧 難度:5 顆星 實用度:5 顆星 deb...
在前兩天介紹 AsyncPipe 時,我們不難發現當進入 RxJS 思維時,搭配 AsyncPipe 可以帶來非常多的好處!雖然透過這種不使用 subscrib...
在撰寫前端程式時,我們很難避免會遇到非同步的程式處理,在大量使用 RxJS 的 Angular 中更是如此,而今天我們要介紹的 AsyncPipe 在樣板上要處...
of 轉換 個別參數 成為 observable 序列https://rxjs-dev.firebaseapp.com/api/index/function/...
對RxJS的想法 RxJS基本是「有流程處理資料的方法集合」,從包裝到加工最後輸出,對於 Angular 來說是必備的(像 HttpClient 也會用到),原...
ngrx/store 之會員篇 今天開始 今天完成 今天的目標:將會員有關的元件及服務從使用者服務轉為向 ngrx/store 做 dispatch 跟 s...
ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步:安裝相關套件 npm inst...
Angular 網站實例 - 會員報告摘要篇 今天開始 今天完成 先做一個報告的介面 (interface),用來指定報告的內容 報告介面 第一步: 到模型目錄...
Angular 網站實例 - 記得我之二篇 今天開始 今天完成後端開始 後端完成 前面完成了讓前端記住我的功能,但在實作的過程中,我們要的可能不只是登入狀態,今...
Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標:完成使用者服務,讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (Us...
Angular 網站實例 - 使用者登入篇 今天開始 今天完成今天的目標:完成使用者登入畫面 設定架構 第一步: 將之前產生 user 模組加入到 app.mo...
Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁,先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...
投顧網站 - 設定篇 今天開始 今天完成您可以直接看今天完成的結果,或者用 git clone https://github.com/jerryhsieh/ng...
用 Angular 5 建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上,我們會先用完全使用 Services 的方式來...
Store 加入 select 我們的 Store 內部大致完成,但是對於客戶 (Subscriber),我們還少了介面,在 ngrx/store 裡,給客戶的...
Store 架構加入最簡單的 Reducer Reducer 是什麼? 如果對於 Observable 的 .reduce .scan 不熟的話,建議回頭看一下...
Store 的大架構 繼續往下做整個 Store 之前,我們先來想一下整個 Store 的架構跟資料流當元件 (component) 或是 Store 自己內部...
用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...
Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...
純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...
何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理,至於什麼是狀態 (State) 呢?舉幾個例子: 狀態 (State)...