全端開發人員天梯

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

今天來談談如何在NativeScript專案中，使用Angular CLI建立component、directive和module等程式，節省開發時間。

在過去的文章我們已經學到—Angular的應用程式是由一個一個的component所堆積組合起來的，這麼做的好處不用多說就是關注點分離，讓你專心在目前的功能上，也不用擔心影響到其他的component，但是當你的程式架構越來越龐大時，管理這些數以百計的components就變成一門學問了，這時候我們就可以透過模組化的機制，更有組織的管理你的所有components，這也就是我們今天要談的主題—Module。

今天我們要介紹Angular中的attribute directive，透過attribute directive，我們可以自行擴充元件的屬性，讓元件更富有變化性！

前兩篇文章我們已經認識了Pipe的使用方法以及如何自訂Pipe，基本上已經非常實用了，今天在Pipe的最後一篇要稍微深入的解釋自訂Pipe的一個小參數：pure。

上一篇文章我們介紹了Angular中內建的Pipe，讓我們更容易在View中直接改變資料的顯示方式，今天我們來說明如何設計自己的Pipe。

今天我們要介紹的是Angular的Pipe，透過Pipe我們可以不用在Component端寫程式改變資料的顯示模式，而是透過外部（也就是Pipe）的模式來調整要顯示的資料內容，如此一來我們就不用在Component中花太多心思去關注內容該如何呈現，再次達到關注點分離的效果。

Angular是一個純前端的MVC框架，但在開發Web Application時我們有非常多的機會需要透過Ajax與後端的API進行資料的存取，因此Angular也提供了Http Module，來幫助我們的程式不在只是前端AP而已，而是能與後端聯繫的完整應用。

今天我們要介紹Angular的Service，透過Service我們可以將資料和商業邏輯統一放到一個（或數個）類別中進行管理，並在多個Components之間共享，讓程式架構更加明確！

最近因為工作需要建立一套部署機制，來改善過去人工部署的麻煩，盡可能讓事情都自動化；稍微survey了幾個工具後，決定使用Ansible作為部署的主要機制。今天就來分享一下如何利用Ansible與rsync將程式部署到Windows Server上面！