例
表示/チェックボックスをクリックして、<詳細>リストを非表示にします:
<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. |