『AngularJS』畫面控制神器？ng-show、ng-hide、ng-switch
這篇文章，我想把關於畫面控制的範例一次寫完。
在Jquery的世界，我們想要某個元素show或hide我們必須先找到Dom元素再下語法。
但在NG的世界，根本不用下任何語法，Google開發團隊就搞定了。
我們只需要透過內建的Directive方式就可以做到。
我目前對Directive的解釋方式是：在Dom上給他一個命令，命令這個Dom要執行我的指令。
我們接續之前的Live Demo往下做。
原本就有兩個DIV，我們現在做一個讓兩個DIV切換的動作。先透過ng-hide和nh-show來做
這邊我們透過兩種方式來做：
1.直接在ng-click裡面寫邏輯運算式，切換＄scope.ShowModel
2.在ng-click中呼叫controller中寫的function做切換
我們一開始預設ShowModel＝1。
在你要顯示或隱藏的Dom上命令他ng-show="ShowModel=='1'"
當條件是成立時他要顯示，很淺顯易懂吧！！
那如果畫面上有太多東西要控制，例如：列表清單頁、明細頁、新增頁、修改頁等的！？
所以，接下來介紹ng-switch。
很多程式語言中都有switch case的方式，ng-switch就用類似的概念做到。
很清楚的看到我們有四個Div分別放列表清單頁、明細頁、新增頁、修改頁。
然後，用同樣的概念，先告訴ng-switch要作用在那個區域中。
接著，命令每個Div，當條件成立時顯示：
當然，一開始我們預設為清單頁面。
這邊大家也可以學習到如何傳參數給$scope的function。
說到底.....這一課相對來說很好理解！！！
下課......