系列文章
[Angular Material完全攻略] Day 01 - 開始 & 簡介
從Angular第2版正式release後，根據全球最大工程師討論區StackOverflow的統計，從2016開始的Angular討論度就不斷竄升，甚至超越了...
[Angular Material完全攻略] Day 02 - 環境設定 & 安裝 ＆ Hello World
今天我們將開始正式邁入Angular Material的世界，要學習使用Angular Material打造高品質及高質感的網頁，當然要從安裝Angular M...
[Angular Material完全攻略] Day 03 - MatIcon (及顏色配置介紹)
今天是第一天正式介紹Angular Material的相關元件，就讓我們先從比較簡單輕鬆的Icon來開始，雖然說是比較簡單輕鬆，但其實裡面也是有不少學問的，透過...
[Angular Material完全攻略] Day 04 - MatButton、MatButtonToggle和MatRipple
今天我們要來介紹Angular Material按鈕(button)的使用方法，按鈕可以說是一切互動介面的基本，只要按下了按鈕，所有事情都可能會發生，也因此設計...
[Angular Material完全攻略] Day 05 - 打造基本後台(1) - SideNav
我們終於要正式開始時做一個後台(dashboard)畫面啦，今天我們會先使用Angular Material的SideNav元件，把邊欄的空間先切出來，這個空間...
[Angular Material完全攻略] Day 06 - 打造基本後台(2) - Toolbar
在昨天介紹SideNav時，我們有稍微提到過Toolbar，今天我們就比較認真的來看看Material Design中Toolbar的特性，及Angular M...
[Angular Material完全攻略] Day 07 - 打造基本後台(3) - List
昨天我們把整個後台系統的架構基本上完成了，今天我們要來學習使用Angular Material的List元件，來填滿SideNav。List元件功能非常強大，而...
[Angular Material完全攻略] Day 08 - 打造基本後台(4) - Menu
今天我們要來講Angular Material的Menu元件，Menu可以說是非常具有歷史性的功能，使用機會也不低，只要有一系列的選擇要濃縮在一個範圍內時，就是...
[Angular Material完全攻略] Day 09 - 打造問卷頁面(1) - Stepper
昨天我們已經完成了一個基本的後台版型，今天開始我們要使用Angular Material來製作一個問卷調查的頁面，這個練習主要會學到所有Angular Mate...
[Angular Material完全攻略] Day 10 - 打造問卷頁面(2) - Input、Autocomplete
接下我們要來介紹幾個在Material Design中屬於Input，也就是文字輸入欄位相關的功能，文字輸入也可以說是表單裡面最常使用到的欄位！接下來就來看看A...