by using ng-hide directive we can hide any html element .

ng-hide example:

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
</head>
<body>
<b>Check and uncheck check box to see working of ng-hide example.</b>
<div ng-app="">
Check or Uncheck me to see changes:<input type="checkbox" ng-model="isChecked"></input>
<div ng-hide="isChecked" style="color:green">
  check on the check box to hide me.
</div>
</div>
</body>
</html>
Sample Explained: In the above given sample when user is check on the checkBox true is assigned to isChecked model variable else false is assigned. When ng-hide value is true, the div elemnt is hidden and if it is false then div is visible.