AngularJS ng-show指令
AngularJS 实例
チェックボックス選択時に一部の内容を表示
显示 HTML:<input type="checkbox" ng-model="myVar">
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
<div ng-show="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
</div>
尝试一下 »
定義と用法
ng-showディレクティブは、式が true の場合に指定された HTML 要素を表示し、それ以外の場合に指定された HTML 要素を非表示にします。
语法
<element ng-show="expression"></element>
すべての HTML 要素がこのディレクティブをサポートします。
参数值
| 值 | 描述 |
|---|---|
| expression | 式が true の場合は、指定された HTML 要素を表示します。 |
其他扩展