<!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 元素。
语法
c13e6acfb111bea831f39eede50c48e0a24c0203f0ae689239f065103120aae7
所有的 HTML 元素支持该指令。
以上是ng-model ng-show的详细内容。更多信息请关注PHP中文网其他相关文章!