ng-show和ng-hide

ng-Show 和ng-Hide 允許我們顯示或隱藏不同的元素。這有助於建立Angular應用時，更方便的操作元素的顯示與隱藏，而不必使用css或者js操作元素的顯示與隱藏，這些交給angularjs來實現就可以了。我們只需要做的就是為ng-show和ng-hide指定顯示或者隱藏的條件就可以了。

一個例子

控制元素的顯示與隱藏，可以透過三種方式來實現，分別是：布林值，表示式，函式。

布林值

上面的例子，為ng-show指定了isShow的變數，透過該值是否為true，控制div的顯示與隱藏。

函式

當然你可以透過，新增一個按鈕，透過單擊按鈕，動態的修改isShow的值。可以這樣：

透過單擊按鈕，就會切換div的顯示與隱藏，如果你監視一下dom，你會發現ng-show的實現也是透過，為元素addClass或者removeClass實現的。

表示式

總結

上面列舉的三個例子，分別從為ng-show或者ng-hide設定布林值, 表示式, 以及 函式,實現的元素顯示和隱藏功能 但這三種模式將能應用到更多的場景。其實歸結到底的話算是一種：控制一個布林值來改變元素的顯示與隱藏的。關於ng-hide的用法與ng-show的用法類似。這裡不再贅述。