angularjs中ng-show的使用

ng-show 指令在表达式为 true 时显示指定的 HTML 元素，否则隐藏指定的 HTML 元素。下面是示例：

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>demo4</title>
  <script type="text/javascript" src="lib/angularjs/angular.min.js" charset="utf-8"></script>
</head>
<body ng-app="">
  <div ng-init="checked=true">
  <label>
    <input type="checkbox" ng-model="checked"> Is Visible...
  </label>
  <div ng-show="checked">
    Visible...
  </div>
</div>
</body>
</html>

 

posted @ 2016-09-17 16:07  魔豆  阅读(1321)  评论(0)  编辑  收藏  举报