ng-show example

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.2.0-rc3-nonmin" src="http://code.angularjs.org/1.2.0-rc.3/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="NgHideShowApp">
    <div ng-controller="AppCtrl">
      <strong>Click To Toggle</strong>
      <br />
      <button ng-click="on()" ng-hide="show" class="btn-on">
        <strong>On</strong>
      </button>
      <button ng-click="off()" ng-show="show" class="btn-off">
        <strong>Off</strong>
      </button>
    </div>
  </body>

</html>

angular.module('NgHideShowApp', [])
 .controller('AppCtrl',['$scope', function($scope){
   $scope.show = false;

   $scope.on = function(){
     $scope.show = true;
   }

   $scope.off = function(){
     $scope.show = false;
   } 

   $scope.showButton = function(){
     return $scope.show;
   }
}]);

/* Styles go here */
.btn-on {
color: red;
}  
  
.btn-off {
  color: gray;
}

Most simple example of ng-show
Inspired by: http://www.befundoo.com/blog/angularjs-using-ng-show-ng-hide/