Rumah >hujung hadapan web >Tutorial H5 >ng-model ng-show
<!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 元素支持该指令。
Atas ialah kandungan terperinci ng-model ng-show. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!