最新のWeb開発のチュートリアル
 

AngularJS NG-オープン指令


表示/チェックボックスをクリックして、<詳細>リストを非表示にします:

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

<details ng-open="showDetails">
    <summary>Copyright 1999-2016.</summary>
    <p> - by Refsnes Data. All Rights Reserved.</p>
</details>
»それを自分で試してみてください

定義と使用法

ng-openディレクティブは、詳細リストのオープン属性を設定します。

NG-open属性内の式がtrueを返した場合、詳細リストが表示されます。


構文

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

<詳細>要素でサポートされています。


パラメーター値

Value Description
expression An expression that will set the element's open attribute if it returns true.