Hide and show in Angularjs

var myapp=angular.module (' myApp ', []) Myapp.controller (' Showcontroller ', function ($scope) {    $scope. menustate = {        Show:false    }   $scope. Togglemenu = function () {        $scope. menustate.show =! $scope. menustate.show;    }}

The functions of the two directives of ng-show and ng-hide are equivalent, but the effect is the opposite, and we can show or hide the elements based on the expression passed. That is, ng-show will display the element when the expression is true, False when the element is hidden, and ng-hide is the exact opposite.

The two instructions work by setting the element's style to Display:block to show the element, and setting it to display:none to hide the element.

 <  button  ng-click  = "Togglemenu ()"  >  Toggle menu</ >  <  ul  ng-show  = ' menustate.show '  >  <  li  >  Erase from History</ >  </ ul  >  

Hide and show in Angularjs