-

提起現在的前端精品，就不得不提到angularJS，而現在angular已經悄悄的升級到2.0版本，這一次我將拿1.x版本來跟大家解釋！

在前置作業上，我們裏頭將用到route來做換頁，因為在安全性的問題chrome是不能接受你直接開啟檔案會產生XMLRequest的錯誤，所以我們使用node.js來開一個localhost來做，而該如何去建置可以參考這篇文章

[node.js]輕鬆使用node.js建置測試環境

在前置作業都完成後，我們就可以開始開始我們的angularJS的第一步！

緊接著我來繼續來看一下angular最基礎的語法

大家可以看到div中，有一個ng-app，這就宣告此為angular的使用

而在ng-model中，他是一個能夠與script相通的變數，就如同mvc的model一樣，是條雙頭龍lol

而大家可以看見在這裡頭有出現{{name}}，這是angularJS的標準用法，可以將取出變數的值來顯示

接下是介紹我們JS的撰寫，為了版面乾淨所以沒有分成兩個檔案來寫，好孩子不要學R

script裏頭我們可以看見，我們設定了app為angular的模組，所以我們這一支angular的程式都叫做app，而後面的controller的部分，就是相對於MVC的C，去做模板(template)的控制，像上頭可以見得，設定了firstName與lastName，並且使用$scope來設定為是這一個controller的範疇，如果需要使用到全域變數(global variable)的話，可以使用$rootScope，而且在使用前別忘記在function後加上使用的東西。

而在module使用完後還沒結束，最後得提起上面我們說到在ng-app中的設定，我們得設定他為ng-app="myApp"，這樣就可以使用了！大家快來體驗一下angualr的魔力吧！