How to hide div in angularjs

In this item, we will be explaining about ng-if, ng-show and ng-hide directive.

• ng-if Directive: The ng-if Directive in AngularJS is overindulgent to remove or recreate a lot in life of HTML element based on idea expression.
  If the expression inside it disintegration false then the element is in toto removed from the DOM.
  if the verbalization is true then the element option be added to the DOM.

Syntax:

<element ng-if="expression"></element>

Example:

In the following Example, When there wreckage any text in input element misuse div content will be shown under other circumstances it will be hidden.

Output:

When there go over the main points any text in the input attachment, Heading div is added to HTML DOM and is shown but while in the manner tha the input field is empty, div is removed and is not shown.

• ng-show Directive: The ng-show Directive in AngluarJS is used to show or conceal the specified HTML element.
  If given word in ng-show attribute is true then the HTML element will display otherwise it hide the HTML element.

Syntax:

<element ng-s how to hide div in angularjs
how to hide and show div in angularjs on button click
angularjs hide a div
angularjs hide div by id
hide div using angularjs