Anil Singh | Code-sample.com

Angular 2 [hidden]  is a special case binding to  hidden property . It is closest cousin of ng-show and ng-hide. It is more powerful to bind any property of elements. Both the ng-show and ng-hide are used to manage the visibility of elements using ng-hide css class. It is also set the display property “ display:none ”. Stayed Informed  -  Angular 2 @Inputs All the above features are supported in  Angular 2  but added some extra feature like animations etc. Syntax:- <div [ hidden ]="! active " > Hello, this is active area! </div> Note: - Don't use hidden attribute with Angular 2 to show/hide elements. Question: - Don't use hidden attribute with Angular 2. Here is why? The hidden attribute is used to hide elements. Browsers are not supposed to display elements that have the hidden attribute specified. Browsers attach "display: none" styles to elements with hidden attribute. Example, import ...