全端開發人員天梯

Jest是由Facebook開發出來的測試框架，就算Jest跟React是同一個爸爸，要拿來跑Angular的測試卻也沒有問題！今天就來看看如何把Jest套在Angular的專案上吧。

Angular內建了一個async pipe，讓我們在view中處理非同步資料時更加輕鬆，不論是Promise還是Observable都不需要額外做then或subscribe的動作，只要在view中加入async這個pipe就可以自動把該做的事情都做好，但當當一個非同步的結果會在不同地方顯示時，用async pipe就會發生重複處理的問題，這時就可以搭配RxJs的shareReplay operator來解決這個問題。

Angular本來就是個把測試也考量進去的前端框架，因此提供了不少測試工具，由於現在寫JavaScript勢必會大量使用各種非同步執行的方式撰寫，因此Angular也提供了一些API讓我們在測試非同步執行的程式時更加容易，今天要講的fakeAsync跟tick就是其中一個神奇的工具！

Angular提供了ComponentFactoryResolver，來協助我們在程式中動態的產生不同的Component，而不用死板板的把所有的Component都寫到View裡面，再判斷是否要顯示某個Component，當遇到呈現方式比較複雜的需求時非常好用，寫出來的程式碼也會漂亮很多。今天就來看看如何透過ComponentFactoryResolver來動態產生需要的Component。

在設計Angular程式的時候，我們可以在各種基本的表單上加入[(ngModel)]來達到two way binding的效果，不過如果想要在Component中也能使用[(mgModel)]該怎麼辦呢？今天就來談談如何讓自訂的Component也可以直接使用ngModel達到two way binding！