<!DOCTYPE html> <html lang=en> <head> <Meta charset=UTF-8> <script src=http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10></script> </head> <body ng-app=> HTML: <input type=checkBox ng-model=myVar> {{myVar}} <div ng-show=myVar> <h1>Welcome</h1> <p>Welcome to my home.</p> </div> </body> </html>
ng-show 指令在表达式为 true 时显示指定的 HTML 元素,否则隐藏指定的 HTML 元素。
语法
<element ng-show=expression></element>
所有的 HTML 元素支持该指令。