What is the equivalent of ngShow and ngHide in Angular 2+?

Question

I have a number of elements that I want to be visible under certain conditions.

In AngularJS I would write

stuff
         


        

Answer 1

There are two examples on Angular documents https://angular.io/guide/structural-directives#why-remove-rather-than-hide

A directive could hide the unwanted paragraph instead by setting its display style to none.

  Expression sets display to "block".
  This paragraph is visible.



  Expression sets display to "none".
  This paragraph is hidden but still in the DOM.

You can use [style.display]="'block'" to replace ngShow and [style.display]="'none'" to replace ngHide.