1.

How can you hide an HTML element just by a button click in Angular?

Answer»

Ng-HIDE command is used to hide HTML elements if an expression is TRUE.

Here's an example:

<div ng-app="DemoApp" ng-controller="DemoController">
   <input type="button" value="Hide Angular" ng-click="ShowHide()"/>
   <div ng-hide="IsVisible">Angular 8</div>
</div>
<script type="text/javascript">
   VAR app = angular.module('DemoApp',[]);
   app.controller('DemoController',function($scope){
   $scope.IsVisible = FALSE;
   $scope.ShowHide = function(){
     $scope.IsVisible = $scope.IsVisible = true;
   }
});
</script>

 

Now in the above, when the Hide Angular button is not clicked(the expression is set to false)


Discussion

No Comment Found

Related InterviewSolutions