Toggle ng-show and ng-hide demo

This tutorial gives a simple demo of ng-show and ng-hide

by Sajeetharan Sinnathurai

HTML

<div ng-app>
    <div ng-controller="myCtrl">
        <div ng-show="MakeTanuVisible">
           Tanu
        </div>
    <div ng-hide="MakeTanuVisible">
               Gaurav
    </div>        
    <div>
        <input type="button" value="MakeTanuVisible" ng-click="MakeTanuVisible=!MakeTanuVisible"/>
    </div>
    </div>
</div>

JavaScript

function myCtrl($scope){
    //$scope.MakeTanuVisible=!$scope.MakeTanuVisible;        
    
}