Anil Singh | Code-sample.com

How to Show Hide or Toggle Elements in Angular 5 and 4? In this post, I am sharing a sample code for demo “how to toggle or show and hide elements in Angular 5 and 4”. In the current scenario, I have a HTML <div> element , which contains some HTML elements like textbox , password and buttons . It will show and hide the dive – form elements after click on button. Let’s see in the below example - Component.html - <!-- Show Hide or Toggle Elements in Angular 5 and 4 --> < button ( click )= "toggle()" id = "btToggle" class = "btn btn-info btn-lg" > {{button_name}} </ button > < div * ngIf = "show_dialog" >   < div style = "padding-left: 50px;" >     < div >         < div > Email - < input   id = "email" type = "text" name = "txtEmail" /></ div >     </ div >     < div >    ...