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