打通 RxJS 任督二脈
昨天我們介紹了Expansaion Panels，替收件夾的左邊加上了基本的分類資訊，今天讓我們來使用Angular Material的Tab元件，來把右邊也填入些東西！
Tab元件可以說是許許多多UI都會用到的功能，使用上雖然簡單，但也有許多不同的呈現模式，可以說是最簡單也最複雜的元件之一，接下來就立刻來看看有些什麼變化吧！
今天開始我們又要進入一個新的頁面－「收件夾」囉！先從比較輕鬆的Expansion Panel開始，我們會使用這個元件在畫面左邊建立一個類似收件夾大綱/分類的清單；透過Expansion Panel我們可以展開/收合不同類型的資料，在瀏覽及管理上都非常方便，就讓我們繼續看下去吧！
今天是Angular Material部落格篇的最後一天，我們要一口氣介紹三個元件，分別是Chip、Tooltip和Snackbar，其中Chip很適合用來當作類似標籤的功能；而Tooltip和Snackbar則是用在不同的地方，作為提示時使用。
昨天我們輕鬆地介紹兩個與進度有關的元件，今天讓我們稍微精實一點，來介紹一下寫程式多於寫HTML的Dialog，不管在不在SPA架構，Dialog都是經典且極為重要的元件，也因此我們會比較多的時間來介紹，好讓讀著們能完全的掌控Angular Material中的Dialog使用方式！
昨天我們介紹了好用的Card，並透過Card來顯示部落格的文章，今天我們要來介紹兩個跟顯示進度有關係的元件，分別是Progress Bar和Progress Spinner，儘管這兩個元件相對簡單很多，但在SPA架構下，這兩個元件可以說是非常核心的功能哩。
在昨天介紹完Grid List之後，今天我們要介紹一個Material Design中被使用頻率非常高，且個人認為是Material Design中很經典的元件－Card。我們將利用Card來當作部落格列表的呈現方式。
在前幾天介紹完各式各樣的表單元件後，今天我們要先來看看在Material Design其中一種顯示清單資料的方法－Grid List，以及Angular Material中如何實現應用這樣的方法，把一個簡易的部落格版型給切出來！
今天我們要介紹目前Angular Material裡面關於Form Control的最後一個元件－Slider；完成Slider的學習之後，問卷頁面也會在此告一段落，進入下一個畫面的設計，學習更多Angular Material相關的元件，就讓我們以比較輕鬆的腳步完成今天的課題吧！
昨天我們介紹了Angular Material的Form Field，為我們的輸入類型控制項帶來一致的顯示成果；今天我們來介紹三個相對簡單但是使用頻率也非常高的元件－Checkbox、Radio和Slide Toggle，這三個元件有很多類似的地方，因此很適合放在一起學習，遇到類似的地方，還可以當做複習哩。
前幾天我們介紹了幾個Angular Material常見的文字型表單欄位控制項，如Input、Autocomplete、Datepicker和Select。這些控制項在Angular 有一些特點，就是它們都會使用一個<mat-form-field>元件包起來，這個元件到底是有什麼能耐，讓這些表單欄位都離不開它呢？就讓我們繼續看下去吧！