The accordion directive builds on top of the collapse directive to provide a list of items, with collapsible bodies that are collapsed or expanded by clicking on the item's header.. Please post your Suggestions here. It can be used to show/hide some element or it can popup alert when button is clicked. To display data in Angular, we can use the Angular httpclient module to send a network request to a server and fetch the data and then use the ngFor directive to render the data to the frontend. For our sample form let’s reset the form in the onSubmit () function, like so: Listing 2. I am trying to learn to open a modal dialog box at the click of the button in AngularJS but unable to do so. D:\Angular-DemoApps\Angular 6 - Dynamic tab implementation with Multiple component (Component as a tab, Eager loading)> npm install --save @angular/material @angular… Select Extensions from the side panel, type "Augury" into the search field, and then press Enter. The coding concept for this popup window is that we’ll use HTML checkbox input in order to reveal it on checked value. When a user clicks on the popup button, the form will appear on the screen. If you have saved a file to Google Drive, you can open it here: Open file.