AngularJS基礎(chǔ) ng-hide 指令用法及示例代碼
AngularJS ng-hide 指令
AngularJS 實例
在復(fù)選框選中時隱藏一部分:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> </head> <body ng-app=""> 隱藏 HTML: <input type="checkbox" ng-model="myVar"> <div ng-hide="myVar"> <h1>Welcome</h1> <p>Welcome to my home.</p> </div> </body> </html>
定義和用法
ng-hide 指令在表達(dá)式為 true 時隱藏 HTML 元素。
ng-hide 是 AngularJS 的預(yù)定義類,設(shè)置元素的 display 為 none。
語法
<element ng-hide="expression"></element>
作為 CSS 類使用:
<element class="ng-hide"></element>
所有的 HTML 元素都支持該指令。
參數(shù)值
值 | 描述 |
---|---|
expression | 表達(dá)式如果返回 true 則隱藏元素。 |
以上就是AngularJS ng-hide指令的基本知識整理,后續(xù)繼續(xù)補(bǔ)充。
- AngularJS基礎(chǔ) ng-if 指令用法
- AngularJS使用ng-repeat和ng-if實現(xiàn)數(shù)據(jù)的刪選顯示效果示例【適用于表單數(shù)據(jù)的顯示】
- AngularJS基礎(chǔ) ng-show 指令簡單示例
- ANGULARJS中用NG-BIND指令實現(xiàn)單向綁定的例子
- angularjs自定義ng-model標(biāo)簽的屬性
- AngularJS學(xué)習(xí)筆記之ng-options指令
- angularjs表格ng-table使用備忘錄
- Angular ng-repeat 對象和數(shù)組遍歷實例
- angularjs在ng-repeat中使用ng-model遇到的問題
- Angular.js中ng-if、ng-show和ng-hide的區(qū)別介紹
相關(guān)文章
詳解Angular.js數(shù)據(jù)綁定時自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容
本篇文章主要介紹了詳解Angular.js數(shù)據(jù)綁定時自動轉(zhuǎn)義html標(biāo)簽及內(nèi)容 ,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2017-03-03AngularJS實現(xiàn)的JSONP跨域訪問數(shù)據(jù)傳輸功能詳解
這篇文章主要介紹了AngularJS實現(xiàn)的JSONP跨域訪問數(shù)據(jù)傳輸功能,較為詳細(xì)的分析了JSONP的概念、功能并結(jié)合實例形式給出了AngularJS使用JSONP進(jìn)行跨域訪問數(shù)據(jù)傳輸?shù)南嚓P(guān)技巧,需要的朋友可以參考下2017-07-07angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法
本篇文章主要介紹了angularJS 發(fā)起$http.post和$http.get請求的實現(xiàn)方法,分別介紹了$http.post和$http.get請求的方法,有興趣的可以了解一下2017-05-05仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件
這篇文章主要為大家詳細(xì)介紹了仿Angular Bootstrap TimePicker創(chuàng)建分鐘數(shù)-秒數(shù)的輸入控件的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-07Angular2.0實現(xiàn)modal對話框的方法示例
這篇文章主要介紹了Angular2.0實現(xiàn)modal對話框的方法,結(jié)合實例形式分析了angular2.0實現(xiàn)modal對話框的樣式、界面及功能等相關(guān)操作技巧,需要的朋友可以參考下2018-02-02Angular.Js中過濾器filter與自定義過濾器filter實例詳解
Angularjs過濾器是 angularjs非常棒的特性之一。有朝一日,你可能需要使用自定義過濾器,所以下面這篇文章主要給大家介紹了Angular.Js中過濾器filter與自定義過濾器filter的相關(guān)資料,需要的朋友可以參考借鑒,下面來一起看看吧。2017-05-05詳解從angular-cli:1.0.0-beta.28.3升級到@angular/cli:1.0.0
本篇文章主要介紹了詳解從angular-cli:1.0.0-beta.28.3升級到@angular/cli:1.0.0,具有一定的參考價值,有興趣的可以了解一下2017-05-05