An example with checkbox

HTML Code

Output

<!DOCTYPE html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular.min.js"></script>
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">
<style>
.divclass {
  background: #400040;
  height: auto;
  width:250px;
  padding:15px;
  font-size:16px;
  color:#eee;  
}
</style>
</head>

<body>
<div class="container" ng-app="">
    <h3>A demo of ng-show</h3>
    <div class="row">
      <div class="col-md-3">
        Show / Hide div   <input type="checkbox" class="checkbox" ng-model="shdiv">
      </div>
      
      <div class="col-md-3 divclass" ng-show="shdiv">
        Uncheck the checkbox to hide this div!
      </div>
    </div>
    
</div>
</body>
</html>

A demo of ng-show

Show / Hide div

Uncheck the checkbox to hide this div!