AngularJS ng-open 指令

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)

AngularJS 實(shí)例

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

<input type="checkbox" ng-model="showDetails">

<details ng-open="showDetails">
    <summary>從W3Cschool開(kāi)始！</summary>
    <p> - W3Cschool教程</p>
</details>

嘗試一下 ?

定義和用法

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

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

語(yǔ)法

<details ng-open="expression">...</details>

<details> 元素支持該指令。

參數(shù)值

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

AngularJS 參考手冊(cè) AngularJS 參考手冊(cè)