!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"/script/headbody ng-app="" HTML: input type="checkbox" ng-model="myVar"{{myVar}}div ng-show="myVar"h1Welcome/h1pWelco
<!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"></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 元素支持该指令。
1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，请转载时务必注明文章作者和来源，不尊重原创的行为我们将追究责任；3.作者投稿可能会经我们编辑修改或补充。
相关文章
HTML相关 - zhoudingzhao
2016-08-11 17:00
如何用angularjs制作一个完整的表格之三__在ng-repeat中使用ng-model
2016-01-21 09:00
网友点评
精彩导读
热门资讯
关注我们
