AngularJS ng-show

     ng-show is used to show or hide a HTML element, the value is contain only true or false value.
true - Show the HTML element
false - Hide the HTML element

Syntax for ng-show

<html_element ng-show="true/false"></html_element>

Example

<div ng-app="">

  <p ng-show="true">This is the paragraph HTML element</p>

  <br>

  <button ng-show="false">Button1</button>

  <br>

  <div ng-show="true">This is the Div element</div>

</div>

Output

This is the paragraph HTML element

This is the Div element

Example Program:- (Editor)

Editor is Loading...

Output:-

Advertisement