設定Router Module 若我們的Router設定較為複雜時，可將Router配置為一個Router Module。首先，設定一個路由模組app-rout...
什麼是Routing? Routing意指路由器，也就是由一個路由器來決定現在要顯示的頁面是什麼在套用Routing時，會有下列的實踐流程 套用轉址設定（讓伺...
使用HttpClientModule 官方文件：https://angular.io/api/common/http/HttpClientModule 下面是一...
何謂依賴注入 什麼是依賴注入呢？可以參考這篇文章：理解 Dependency Injection 實作原理 Service的DI 以下為一個service的範例...
Angular modularity Angular有提供許多的功能，如FormsModule、HttpModule、RouterModule，都是NgModu...
每日一句來源：Daily English Those who are crazy enough to think they can change the wo...
Template-Driven Forms與Model-Driven Forms的比較 Reactive forms Reactive forms的驗證大多是直...
使用Event由template表單傳送資料給Component 利用事件的$event去傳送相關資訊給component <input (keyup)=...
Pipes有那些？ 常用的Pipes有DatePipe，UpperCasePipe，LowerCasePipe，CurrencyPipe，和PercentPip...
什麼是結構指令 結構指令負責HTML佈局。他們通常通過添加，刪除或操縱元素來塑造或重塑DOM的結構。結構指令很容易識別。通常會有星號(*)在指令屬性名稱前面。...
Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁，先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...
洋蔥
‧
2018-01-01
Directive有分為結構型和屬性型的，這一篇要先介紹屬性型的Directive。本篇的範例請見：Attribute Directive example / ...
每日一句來源：Daily English The greatest glory in living lies not in never falling, bu...
投顧網站 - 設定篇 今天開始 今天完成您可以直接看今天完成的結果，或者用 git clone https://github.com/jerryhsieh/ng...
洋蔥
‧
2017-12-31
模版組件有的時後會需要能夠動態被載入，在這邊會講要如何利用ComponentFactoryResolver來動態加入組件 本篇的例子是需要動態載入廣告橫幅，因為...
每日一句來源：Daily English Celebrate what you've accomplished, but raise the bar a li...
用 Angular 5 建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上，我們會先用完全使用 Services 的方式來...
洋蔥
‧
2017-12-30
本文同步發佈於：Claire's BLOG 通過輸入綁定數據從父項傳遞給子項 這是接受數據的子元件的內容hero-child.component.ts 子元件輸...
每日一句來源：Daily English You can't reach for anything new, if your hands are still...
Store 加入 select 我們的 Store 內部大致完成，但是對於客戶 (Subscriber)，我們還少了介面，在 ngrx/store 裡，給客戶的...
洋蔥
‧
2017-12-29
本文同步發佈於：Claire's BLOG Lifecycle Hooks 一個組件有一個由Angular管理的生命週期。 Angular創建、產生元件，當元件...
Never let the demands of tomorrow interfere with the pleasures and excitement o...
Store 加完整的 Reducer 現實的狀態跟 Reducer 通常都有幾個以上，我們來看一下多個 Reducer 的例子 多個(multiple) Red...
洋蔥
‧
2017-12-28
Life is a journey, not a destination. Hosting firebase有提供我們靜態檔案hosting的功能，讓我們的...
Store 架構加入最簡單的 Reducer Reducer 是什麼？ 如果對於 Observable 的 .reduce .scan 不熟的話，建議回頭看一下...
洋蔥
‧
2017-12-27
Store 的大架構 繼續往下做整個 Store 之前，我們先來想一下整個 Store 的架構跟資料流當元件 (component) 或是 Store 自己內部...
洋蔥
‧
2017-12-26
本文同步發佈於: Claire's BLOG Template Syntax 在上一篇的Angular架構中有提到，透過模版語法，template可以與comp...
本文同步發佈於: Claire's BLOG Angular是一個框架，用來編寫html的應用程式，可以用javascript或typescript去編寫。 下...
Angular處理http是使用rx（Reactive Programming）來實作的，類別的名稱為rxjs 在閱讀此篇之前，建議可以了解一下何謂Reacti...
To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法，並...
Claire Chang
AlanShun
iThome鐵人賽
看影片追技術