AngularJS基礎 ng-show 指令簡單示例
更新時間：2016年08月03日 09:03:10 投稿：lqh
本文主要介紹AngularJS ng-show 指令,這里對ng-show 指令的基礎知識做了詳細介紹,并附有代碼示例,希望能幫助學習AngularJS的同學
AngularJS ng-show 指令
AngularJS 實例
復選框選中時顯示部分內(nèi)容:
<!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-show="myVar"> <h1>Welcome</h1> <p>Welcome to my home.</p> </div> </body> </html>
定義和用法
ng-show 指令在表達式為 true 時顯示指定的 HTML 元素，否則隱藏指定的 HTML 元素。
語法
<element ng-show="expression"></element>
所有的 HTML 元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果表達式為 true 則顯示指定的 HTML 元素。 |
以上就是對AngularJS ng-show 指令基礎資料的整理，后續(xù)繼續(xù)補充相關(guān)資料。
相關(guān)文章
Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法
這篇文章主要介紹了Angular實現(xiàn)點擊按鈕后在上方顯示輸入內(nèi)容的方法,涉及AngularJS事件響應及頁面元素屬性動態(tài)設置相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
本篇文章主要介紹了Angular4學習筆記之實現(xiàn)綁定和分包，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
AngularJs Injecting Services Into Controllers詳解
本文主要介紹AngularJs Injecting Services Into Controllers的知識,這里整理了一下相關(guān)資料，及示例代碼，幫助大家學習和理解，有興趣的小伙伴可以參考下2016-09-09
AngularJs $parse、$eval和$observe、$watch詳解
這篇文章主要介紹了AngularJs $parse、$eval和$observe、$watch的相關(guān)資料,需要的朋友可以參考下2016-09-09
幾乎每個web應用都會用到表單，那么驗證器就是必不可少的東西，這篇文章主要介紹了angular 實現(xiàn)同步驗證器跨字段驗證的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
這篇文章主要介紹了Angular 常用指令實例總結(jié)整理的相關(guān)資料,本文整理了常用指令，大家可以參考使用，需要的朋友可以參考下2016-12-12
詳解angularJs中關(guān)于ng-class的三種使用方式說明
本篇文章主要介紹了angularJs中關(guān)于ng-class的三種使用方式說明，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
angularJs使用ng-repeat遍歷后選中某一個的方法
今天小編就為大家分享一篇angularJs使用ng-repeat遍歷后選中某一個的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
AngularJs Using $location詳解及示例代碼
本文主要介紹AngularJs Using $location的知識資料，這里整理了相關(guān)的資料，及簡單示例代碼，有興趣的小伙伴可以參考下2016-09-09
本篇文章主要介紹了Angular實現(xiàn)預加載延遲模塊的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10