AngularJS ng-hide 指令

AngularJS 實例

在復選框選中時隱藏一部分：

隱藏HTML: < input type= "checkbox" ng-model= "myVar" >
< div ng-hide= "myVar" >
< h1 > Welcome < /h1 >
< p > Welcome to my home. < /p >
< /div >

ng-hide指令在表達式為true時隱藏HTML元素。

ng-hide是AngularJS的預定義類，設置元素的display為none。

< element ng-hide= " expression " > < / element >

作為CSS 類使用:

< element class= "ng-hide" > < / element >

所有的HTML 元素都支持該指令。

值	描述
expression	表達式如果返回true 則隱藏元素。