AngularJS基礎(chǔ) ng-show 指令簡單示例
更新時間：2016年08月03日 09:03:10 投稿：lqh
本文主要介紹AngularJS ng-show 指令,這里對ng-show 指令的基礎(chǔ)知識做了詳細(xì)介紹,并附有代碼示例,希望能幫助學(xué)習(xí)AngularJS的同學(xué)
AngularJS ng-show 指令
AngularJS 實(shí)例
復(fù)選框選中時顯示部分內(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 指令在表達(dá)式為 true 時顯示指定的 HTML 元素，否則隱藏指定的 HTML 元素。
語法
<element ng-show="expression"></element>
所有的 HTML 元素支持該指令。
參數(shù)值
| 值 | 描述 |
|---|---|
| expression | 如果表達(dá)式為 true 則顯示指定的 HTML 元素。 |
以上就是對AngularJS ng-show 指令基礎(chǔ)資料的整理，后續(xù)繼續(xù)補(bǔ)充相關(guān)資料。
相關(guān)文章
AngularJS實(shí)現(xiàn)的自定義過濾器簡單示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的自定義過濾器,結(jié)合實(shí)例形式分析了AngularJS自定義過濾器的簡單定義與使用操作技巧,需要的朋友可以參考下2019-02-02
這篇文章主要為大家介紹了Angular?ViewChild組件間通信demo，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
AngularJS自帶了很多驗(yàn)證，什么必填，最大長度，最小長度...，這里記錄幾個有用的正則式驗(yàn)證。本文給大家介紹的非常詳細(xì)，對angularjs中表單驗(yàn)證知識感興趣的朋友一起學(xué)習(xí)吧2016-11-11
Angular2 Service實(shí)現(xiàn)簡單音樂播放器服務(wù)
本篇文章主要介紹了Angular2 Service實(shí)現(xiàn)簡單音樂播放器服務(wù) ，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
Angular 5.x 學(xué)習(xí)筆記之Router(路由)應(yīng)用
本篇文章主要介紹了Angular 5.x 學(xué)習(xí)筆記之Router(路由)應(yīng)用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
Angular4學(xué)習(xí)筆記router的簡單使用
本篇文章主要介紹了Angular4學(xué)習(xí)筆記router的簡單使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
Angular2學(xué)習(xí)教程之TemplateRef和ViewContainerRef詳解
這篇文章主要給大家介紹了Angular2中TemplateRef和ViewContainerRef的相關(guān)資料，文中介紹的非常詳細(xì)，對大家具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起看看吧。2017-05-05
解決angular2 獲取到的數(shù)據(jù)無法實(shí)時更新的問題
今天小編就為大家分享一篇解決angular2 獲取到的數(shù)據(jù)無法實(shí)時更新的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
詳解AngularJS如何實(shí)現(xiàn)跨域請求
跨域請求一直是網(wǎng)頁編程中的一個難題，在過去，絕大多數(shù)人都傾向于使用JSONP來解決這一問題。不過現(xiàn)在，我們可以考慮一下W3C中一項(xiàng)新的特性——CORS（Cross-Origin Resource Sharing）了。2016-08-08
本篇文章主要介紹了深入探究AngularJs之$scope對象（作用域），具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07