AngularJS ng-hide 指令
实例
选中复选框时隐藏该复选框:
<!DOCTYPE html><html><script src="https://cdn.bootcdn.net/ajax/libs/angular.js/1.8.2/angular.min.js"></script><body ng-app="">Hide HTML: <input type="checkbox" ng-model="myVar"><div ng-hide="myVar"><h2>Welcome</h2><p>Welcome to my home.</p></div></body></html>
定义与用法
ng-hide 如果表达式的计算结果为 true，则指令隐藏 HTML 元素。
ng-hide 也是 AngularJS 中预定义的 CSS 类，并将元素的显示设置为 “None”。
语法
<element ng-hide="expression"></element>
当用作 CSS 类时:
<element class="ng-hide"></element>
由所有 HTML 元素支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 一个表达式，如果表达式返回 true，它将隐藏元素 |