AngularJS基礎(chǔ) ng-open 指令簡(jiǎn)單實(shí)例

更新時(shí)間：2016年08月02日 15:23:13 投稿：lqh

本文主要介紹AngularJS ng-open 指令,這里幫大家整理了ng-open指令的基本資料,有需要的小伙伴可以參考下

AngularJS ng-open 指令

AngularJS 實(shí)例

通過(guò)點(diǎn)擊 checkbox 顯示或隱藏 <details> 列表:

<!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="">

點(diǎn)擊這里顯示 details 列表: <input type="checkbox" ng-model="showDetails"><br>
<br>

<details ng-open="showDetails">
 <summary>學(xué)的不僅是技術(shù)，更是夢(mèng)想！</summary>
 <p> - 菜鳥教程</p>
</details>

<p><b>注意：</b> 目前只有 Opera, Chrome, 和 Safari 瀏覽器支持 details 標(biāo)簽。</p>

</body>
</html>

定義和用法

ng-open 指令用于設(shè)置 details 列表的 open 屬性。

如果 ng-open 的表達(dá)式返回 true 則 details 列表是可見的。

語(yǔ)法

<details> 元素支持該指令。

參數(shù)值

值	描述
expression	如果表達(dá)式為 true 則會(huì)設(shè)置 details 的 open 屬性。

以上就是對(duì)AngularJS ng-open 指令的資料整理，后續(xù)繼續(xù)補(bǔ)充。

您可能感興趣的文章:

相關(guān)文章

AngularJS遍歷獲取數(shù)組元素的方法示例
這篇文章主要介紹了AngularJS遍歷獲取數(shù)組元素的方法,涉及AngularJS簡(jiǎn)單的數(shù)組遍歷及元素獲取相關(guān)操作技巧,需要的朋友可以參考下
2017-11-11
AngularJS 入門教程之事件處理器詳解
本文主要介紹AngularJS 事件處理器,這里整理了相關(guān)資料和示例代碼，有需要的小伙伴可以參考下
2016-08-08
angular 表單驗(yàn)證器驗(yàn)證的同時(shí)限制輸入的實(shí)現(xiàn)
表單驗(yàn)證是經(jīng)常用到一個(gè)東西，這篇文章主要介紹了angular 表單驗(yàn)證器驗(yàn)證的同時(shí)限制輸入的實(shí)現(xiàn)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-04-04
使用ionic播放輪詢廣告的實(shí)現(xiàn)方法(必看)
下面小編就為大家?guī)?lái)一篇使用ionic播放輪詢廣告的實(shí)現(xiàn)方法(必看)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
angular2模塊和共享模塊詳解
這篇文章主要介紹了angular2模塊和共享模塊詳解,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-04-04
AngularJS入門教程之MVC架構(gòu)實(shí)例分析
這篇文章主要介紹了AngularJS的MVC架構(gòu),結(jié)合實(shí)例形式重點(diǎn)分析了ng-controller聲明并使用控制器的操作技巧與控制器作用域的相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-11-11
AngularJS實(shí)現(xiàn)的輸入框字?jǐn)?shù)限制提醒功能示例
這篇文章主要介紹了AngularJS實(shí)現(xiàn)的輸入框字?jǐn)?shù)限制提醒功能,涉及AngularJS事件監(jiān)聽與元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下
2017-10-10
angular簡(jiǎn)介和其特點(diǎn)介紹
這篇文章主要介紹了angular簡(jiǎn)介和其特點(diǎn)介紹,本文講解了關(guān)于和jquery的比較、關(guān)于適用場(chǎng)合、關(guān)于UI的結(jié)合、關(guān)于angularjs的特點(diǎn)等內(nèi)容,需要的朋友可以參考下
2015-01-01
創(chuàng)建你的第一個(gè)AngularJS應(yīng)用的方法
這篇文章主要介紹了創(chuàng)建你的第一個(gè)AngularJS應(yīng)用的方法,AngularJS是一個(gè)非常具有人氣的JavaScript框架,需要的朋友可以參考下
2015-06-06
Angular搜索過(guò)濾批量刪除添加表單驗(yàn)證功能集錦(實(shí)例代碼)
這篇文章主要介紹了Angular搜索過(guò)濾批量刪除添加表單驗(yàn)證功能集錦(實(shí)例代碼),需要的朋友可以參考下
2017-10-10