前陣子公司的一個產品算是告一段落，這次使用PrimeNG作為元件的基底，但是在使用的過程中，也是有遇到一些值得記錄的事項，因此特別寫了這篇。

前言

在寫Angular專案時，只要遇到表單的部份，通常都會使用驗證的機制來輔助使用者輸入，並且提示訊息，Angular團隊也已經寫好一些驗證的pattern讓我們使用，但總是會有些特殊的格式，勢必要自己寫，這邊來跟大家分享一下作法。

緣起

最近公司的產品有一個需求，是要讓使用者自行更換網頁的圖片，所以就有上傳下載圖片的需求，後端API是直接看上傳什麼格式就下載什麼內容，但是這樣的資料其實在angular中是需要加工才能使用的，來記錄一下作法，廢話不多說上code

Why

身為開發者的你也許常常碰到以下的情況

前情提要

前陣子在公司的舊有專案有個需求，是要做AutoComplete的效果，那時候第一時間腦袋就是浮現了RxJS，用其他作法不是不行，只是剛好學了Rx就是想要用看看（其實想炫技～大誤）

今天要來談談兩個前端的測試框架，可以被使用在任何的前端網站開發中，當然也被應用在angular-cli中，但今天的內容其實不會搭配angular來做說明，而是以可以被獨立使用的工具

當我們有一個child component想要用ViewChild的方法在parent component取得物件，但如果在上面加上ngIf的時候，取得物件的這個動作就會發現根本取不到!!!

前言

因為測試的需要，protrator-recorder是在local環境中架設走的是http，但公司的測試環境是在https底下，因此會導致無法將protrator-recorder掛載到測試環境中進行錄製，就開始找方法去解決

今天要來談談不一樣的東西，關於Design Pattern的兩三事，在程式開發中應用了這些模式在撰寫上可以更輕鬆一點，那我們先來看看其中的兩個

• Observer 觀察者
• Decoractor 裝飾器

記錄一下，最近找的幾套測試錄製工具