<!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ù)，更是夢想！</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 列表是可見的。

語法

<details> 元素支持該指令。

參數(shù)值

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

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

您可能感興趣的文章:

相關(guān)文章

angular內(nèi)置provider之$compileProvider詳解
下面小編就為大家?guī)硪黄猘ngular內(nèi)置provider之$compileProvider詳解。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-09-09
angularjs1.5 組件內(nèi)用函數(shù)向外傳值的實(shí)例
今天小編就為大家分享一篇angularjs1.5 組件內(nèi)用函數(shù)向外傳值的實(shí)例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-09-09
Angular(5.2->6.1)升級小結(jié)
今天小編就為大家分享一篇關(guān)于Angular(5.2->6.1)升級小結(jié)，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧
2018-12-12
AngularJS學(xué)習(xí)筆記（三）數(shù)據(jù)雙向綁定的簡單實(shí)例
這篇文章主要介紹了AngularJS學(xué)習(xí)筆記（三）數(shù)據(jù)雙向綁定的簡單實(shí)例，詳解數(shù)據(jù)雙向綁定實(shí)例的相關(guān)資料,需要的朋友可以參考下。
2016-11-11
Angular通過?HTTP?Interceptor?實(shí)現(xiàn)?HTTP?請求超時(shí)監(jiān)控的例子
這篇文章主要介紹了Angular?如何通過?HTTP?Interceptor?實(shí)現(xiàn)?HTTP?請求的超時(shí)監(jiān)控,本文通過例子給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-06-06
AngularJS入門教程之MVC架構(gòu)實(shí)例分析
這篇文章主要介紹了AngularJS的MVC架構(gòu),結(jié)合實(shí)例形式重點(diǎn)分析了ng-controller聲明并使用控制器的操作技巧與控制器作用域的相關(guān)注意事項(xiàng),需要的朋友可以參考下
2016-11-11
詳解AngularJS中自定義指令的使用
這篇文章主要介紹了詳解AngularJS中自定義指令的使用,包括結(jié)合自定義HTML標(biāo)簽的使用,需要的朋友可以參考下
2015-06-06
Angular下H5上傳圖片的方法（可多張上傳）
本文給大家分享在使用angular上傳圖片的功能，在開發(fā)過程中遇到很多問題，最終都解決了，今天小編給大家介紹下Angular下H5上傳圖片的方法（可多張上傳),非常不錯(cuò)，需要的朋友參考下
2017-01-01
AngularJS中使用HTML5手機(jī)攝像頭拍照
這篇文章主要介紹了AngularJS中使用HTML5手機(jī)攝像頭拍照的相關(guān)資料,需要的朋友可以參考下
2016-02-02
詳解angular分頁插件tm.pagination二次觸發(fā)問題解決方案
這篇文章主要介紹了詳解angular分頁插件tm.pagination二次觸發(fā)問題解決方案，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-07-07