Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上,我們來看一下多個 Reducer 的例子 多個(multiple) Red...
本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到,透過模版語法,template可以與comp...
Life is a journey, not a destination. Hosting firebase有提供我們靜態檔案hosting的功能,讓我們的...
Store 架構加入最簡單的 Reducer Reducer 是什麼? 如果對於 Observable 的 .reduce .scan 不熟的話,建議回頭看一下...
本文同步發佈於: Claire's BLOG Angular是一個框架,用來編寫html的應用程式,可以用javascript或typescript去編寫。 下...
Store 的大架構 繼續往下做整個 Store 之前,我們先來想一下整個 Store 的架構跟資料流當元件 (component) 或是 Store 自己內部...
Angular處理http是使用rx(Reactive Programming)來實作的,類別的名稱為rxjs 在閱讀此篇之前,建議可以了解一下何謂Reacti...
To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法,並...
用 Observable 來理解 Dispatcher 跟 Store 接下來幾篇並不是要實際做一個 ngrx/store, 而是讓我們用 Observable...
The past can hurt. But from the way I see it, you can either run from it, or le...
本文同步發佈於:Claire's BLOG 什麼是Routing? Routing意指路由器,也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing...
Cloud Firestore is a NoSQL, document-oriented database. Unlike a SQL database,...
Javascript 的 Mutable, Immutable 資料型態 之前談到純函數的第二個要件是不能對可改變(Mutable) 資料做變更,那在 Java...
這邊是上一篇Angular的主從元件開發的範例檔案:按此下載本文同步發佈於:Claire's BLOG 創建 HeroService 使用Angular CLI...
Every day may not be good, but there's something good in every day. 昨天我們知道如何讀取...
純函數(Pure Function) 定義 根據 Wikipedia 的定義,一個函數稱為純函數需要符合下列兩個條件: 函數對於同樣的參數,永遠產生同樣的結果...
本文同步發佈於:Claire's BLOG 創立hero-detail元件 在前一篇新手教程3-使用angular的迴圈及判斷式等功能裡,我們在顯示select...
財政部電子發票 API 測試工具 這是我最近在串接財政部 API 時自己寫的測試工具,希望能讓大家在串接測試上更加方便。歡迎 PR 財政部的 API 清單 &...
讀取(Read) Be strong, believe in who you are; be strong, believe in what you fele...
本文同步發佈於:Claire's BLOG延續上一篇的範例: 請按此下載. 利用*ngFor來做迴圈顯示完整列表 首先開啟src/app/heroes/hero...
Progress is impossible without change, and those who cannot chanage their minds...
本文同步發佈於:Claire's BLOG 使用CLI來為專案建立一個元件 ng generate component heroes用這個指令,CLI會為我們初...
Smile and let everyone know that today you're a lot stronger than you were yest...
這系列的文章為我在官網學習Angular 5時所紀錄下來的學習筆記。 原文的原始教程都可在Angular的Docs看到。 這三十天的筆記大綱預計分為新手教程、功...
何謂狀態管理 (State Management) 前端工程師經常需要面對所謂的狀態管理,至於什麼是狀態 (State) 呢?舉幾個例子: 狀態 (State)...
在做檔案上傳時,想把很醜的 <input type="file"> 換成漂亮的按鈕。 做法:先將 input file 隱藏,接...
"The more you know, the more you know you don’t know." - Aristotle &q...