概述 在组件交互中，组件之间的镶嵌一般有两种方式： 在创建父组件时将子组件直接写在模版中。 子组件通过投影方式嵌入父级组件，通过 ng-content...
下載版型 確認網頁是否能順利執行，個人使用lite-server。 建立Angular專案。 進入專案的index.html，<head&...
相較於Part1只佈署dist資料夾，這次要說明如何佈署整個Angular專案。 執行npm i angular-cli-ghpages安裝angular-...
之前一篇說明如何在本機端預覽Angular build後的結果，接下來要說明如何在GitHub Pages佈署Angular應用程式。 目前的環境： 需具備知...
我們可以使用Angular CLI的命令ng build --prod來建置Angular App。 完成之後，在專案內會多一個dist資料夾，放的就是建置之後...
Responsibilities: Quick prototyping web content including working with DESIGN T...
各位邦友大家好，我是 Leo 。 終於完賽了！！！！（舉雙手瘋狂吶喊中） 準備鐵人賽的這陣期間真是渡過一段非常艱辛的時期阿！！工作、家庭、鐵人賽，這蠟燭三頭燒的...
「耶～～～ 我套完了！！」Wayne 套版完之後開心地大聲嚷嚷著。 「喂，冷靜一點，這裡是公眾場合耶。」我笑著推了他一下。 「抱歉抱歉，我太興奮了！！Angul...
這次試著部署Angular專案到Azure的時後，遇到一些問題，趕快紀錄下來。 建立App Service Angular相關設定 (重要) 建立新的ang...
昨天的登入頁、購物車頁與結帳成功頁大家都有順利套完版嗎？！ 如果沒有的話沒關係，看完今天的文章再繼續努力吧！！ 結帳頁套版 今天一開始我們先來套結帳頁的版...
明天一大早，以公假狀態，要坐車北上去聽 台灣首屆 Angular conference~ 今晚針對議程的關鍵字去做預習！！ How Reactive Progr...
整理 Angular Material 到(2018/11/15)前的模組列表 Angular Material 共 35 個 Angular Material...
好的，我們今天要開始套版了！！ 首先先到 GitHub 上把我已經切好的版型下載下來。 不過為了避免有人不知道怎麼下載，容我先小小地說明一下： 點擊 GitHu...
昨天我們講了幾個常用 RxJS operators，今天再來看看一些其他在 Angular 常見的應用吧！ 類型：技巧 難度：5 顆星 實用度：5 顆星 deb...
在前兩天介紹 AsyncPipe 時，我們不難發現當進入 RxJS 思維時，搭配 AsyncPipe 可以帶來非常多的好處！雖然透過這種不使用 subscrib...
昨天我們把落單的 UI 元件跟其模組關聯完之後，今天接著要來設定路由的部份！ 開始設定路由前，可以先看看我們準備好的路徑定義檔 － app-path.const...
今天我們來認識一下兩個重要的 AsyncPipe 特性，可以幫助我們在使用 AsyncPipe 時更有信心，打造出更高效能的程式！ 類型：觀念/技巧 難度：5...
這次小學堂要跟大家一起練習的是一個簡單的 EC 網站。 素材是來自剛好在鐵人賽前夕時，由六角學院在 The F2E - 前端修練精神時光屋 舉辦的 【網頁排版P...
在撰寫前端程式時，我們很難避免會遇到非同步的程式處理，在大量使用 RxJS 的 Angular 中更是如此，而今天我們要介紹的 AsyncPipe 在樣板上要處...
子路由模組 當我們將頁面或功能包裝成模組的時候，也能在其中加入路由的設定，使其變成含有路由的子路由模組。 跟 AppRoutingModule 不一樣的是，子路...
我覺得路由是 Angular 裡很重要的一部分，也是一個初學者比較不容易理解的部分，所以希望透過這七天的小小練習，會讓大家對路由有個初步的認識。 不過分了七天講...
今天久違的把我最喜歡的設計師的圖刻完，關於頁面 遇到一個很久沒碰到的問題（因為最近大量使用flex去排版XD），行內塊級的間距，會因元素HTML標籤間的空白、換...
title: "[Angular 大師之路] 認識元件的變更偵測策略" date: 2018-11-10 09:58:47 tags: -...
相信大家都用使用過 Facebook 吧？ 當我們想在 Facebook 發文或留言的時候，如果不小心按到上一頁/下一頁，抑或是沒有取消發文或留言的狀態就想離開...
昨天我們講到了 Angular 使用 NgZone 來決定變更偵測的時機，今天我們來認識一下 Angular 提供的另外一個比較常用來決定變更偵測時機的工具 -...
在 module 匯入 HttpClientModule app.module.ts ------ import { HttpClientModule } fr...
馬達
‧
2018-11-09
許多 Angular 開發人員對於 NgZone 這個詞應該都不太陌生，尤其是在早期 Angular 剛推出時，只要發生錯誤，就會在 F12 開發人員工具看到一...
繼延遲載入之後，今天要分享的也是個非常實用的功能－路由守門員。 大家應該都知道守門員吧？如果不知道的話...警衛總知道了吧？！ 顧名思義，這個功能可以幫我們把關...
HttpClient 啟用 app.module.ts ----- import { HttpClient, HttpHeaders } from '@angu...
馬達
‧
2018-11-08
Angular 是一個很注重模組化開發的框架 還記得我在 基礎結構說明（一） 有提到過這句話嗎？ 我一直覺得這句話是在使用 Angular 開發時，很重要的...
Leo
黃升煌 Mike
