用 Angular 5 建立一個投顧網站 接下來我們用一個實例來介紹 ngrx/store 的使用在一個專案上，我們會先用完全使用 Services 的方式來...
洋蔥
‧
2017-12-30
許多 Angular 開發人員對於 NgZone 這個詞應該都不太陌生，尤其是在早期 Angular 剛推出時，只要發生錯誤，就會在 F12 開發人員工具看到一...
Angular 網站實例之 - 首頁篇 今天開始 今天完成 今天的目標要完成網站的首頁，先來做導覽列 導覽列 (Navbar) 我們用 Angular Mate...
洋蔥
‧
2018-01-01
昨天我們完成了上圖的路由設定與換頁效果，所以 Angular 的路由機制到底做了什麼呢？ 還記得我們昨天有在 app-routing.module.ts 做了...
Angular 網站實例 - 使用者服務篇 今天開始 今天完成 今天的目標：完成使用者服務，讓使用者登入畫面能夠透過使用者服務來連結後端 設定使用者服務 (U...
洋蔥
‧
2018-01-04
在開發 Angular 應用程式時，HTTP 請求絕對可以說是最常使用的功能之一，而在一般的應用情境上，我們很常會需要針對請求再做額外的包裝，或統一的管理，這時...
網站實例 - 用 express 做後端 後端開始 後端完成 我們同樣地將後端的程式放在 github，您可以一步一步 跟著做，或者直接用完成的部分。 安裝 e...
洋蔥
‧
2018-01-03
那我們就直接開始建立一個專案 進入https://cli.angular.io/ 一進去有個圖片開宗明義，照著下 //先透過npm安裝好angular cli...
這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時，由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...
每日一句來源：Daily English Goals are not only absolutely necessary to motivate us. Th...
語法自動補完 自動完成可以通過在輸入時提供可能要填入的值讓我們選擇，以加速開發的速度，如下圖： 錯誤檢查 可以檢查像是模版變數是否在元件內有對應的變數供綁定...
「原來 Angular 的路由是這樣設定的，比我想像中簡單耶！」Wayne 做完練習之後正玩得不亦樂乎。 「是滿簡單的，不過目前只有第一層而已。在實務上應用時一...
我覺得路由是 Angular 裡很重要的一部分，也是一個初學者比較不容易理解的部分，所以希望透過這七天的小小練習，會讓大家對路由有個初步的認識。 不過分了七天講...
繼延遲載入之後，今天要分享的也是個非常實用的功能－路由守門員。 大家應該都知道守門員吧？如果不知道的話...警衛總知道了吧？！ 顧名思義，這個功能可以幫我們把關...
昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機，今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 -...
ngrx/store 之會員篇 Effects, Selector 今天開始 今天完成 今天目標：完成會員部分的 ngrx/store 複習一下我們的目標...
洋蔥
‧
2018-01-11
在 Angular 中，通常我們會使用 [(ngModel)] 來實現 two way binding，這樣做基本上沒有什麼問題，但 ngModel 只能 bi...
每日一句來源：Daily English A pessimist sees the difficulty in every opportunity; an o...
ngrx/store 設定篇及會員篇之 Action, Reducer 今天開始 今天完成 ngrx/store 設定 第一步：安裝相關套件 npm inst...
洋蔥
‧
2018-01-10
投顧網站 - 設定篇 今天開始 今天完成 您可以直接看今天完成的結果，或者用 git clone https://github.com/jerryhsieh/n...
洋蔥
‧
2017-12-31
到目前為止，我們都是只有用 Component 來設定我們的路由。但在實際應用上，通常我們會將相關的功能包裝成一個一個的 NgModule ，而每個 NgMod...
title: "[Angular 大師之路] 認識元件的變更偵測策略" date: 2018-11-10 09:58:47 tags: -...
Angular 網站實例 - 會員篇之後端 後端開始 後端完成 今天的目標：完成會員中心後端，在後端加入提供投顧報告的功能，並且限定只有驗證過的 Http re...
洋蔥
‧
2018-01-07
To improve is to change, to be perfect is to change often. 昨日改進 今天先修正一下昨天的方法，並...
相信大家都用使用過 Facebook 吧？ 當我們想在 Facebook 發文或留言的時候，如果不小心按到上一頁/下一頁，抑或是沒有取消發文或留言的狀態就想離開...
Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明（一） 有提到過這句話嗎？ 我一直覺得這句話是在使用 Angular 開發時，很重要的...
Angular 網站實例 - 記得我之二篇 今天開始 今天完成 後端開始 後端完成 前面完成了讓前端記住我的功能，但在實作的過程中，我們要的可能不只是登入狀態，...
洋蔥
‧
2018-01-06
在撰寫前端程式時，我們很難避免會遇到非同步的程式處理，在大量使用 RxJS 的 Angular 中更是如此，而今天我們要介紹的 AsyncPipe 在樣板上要處...
財政部電子發票 API 測試工具 這是我最近在串接財政部 API 時自己寫的測試工具，希望能讓大家在串接測試上更加方便。 歡迎 PR 財政部的 API 清單...
Angular 提供了一種可以很擴充元件或HTML標籤屬性的方式，叫做 directive，透過這種方式我們可以很輕易地替現有的元件或 HTML 擴充它的顯示或...
黃升煌 Mike
Leo
Peterhu2Tri
AlanShun
Claire Chang
2019 iT 邦幫忙鐵人賽