The mat sidenav an angular directive is used to create a side navigation bar and main content panel with material design styling and animation capabilities.
Mat container angular.
Mat sidenav container represents the main container.
This identifies the title of the dialog in this case the angular for beginners title on top.
You can also use our online editor to edit and run the code online.
Mat sidenav represents the side panel.
Import matsidenavmodule from angular material.
In this article let s take a look at sidenav in agular material the first step as always is to import the module so in materila module ts import matsidenavmodule from angular material and add it to the materialcomponents array.
Ng container is an element that s available in angular 2 and that can act as the host to structural directives.
So you can t combine structural directives like this.
This container will contain the body of this dialog in this case a reactive form.
This container will contain the action buttons at the bottom of the dialog.
Here in this tutorial we are going to explain how you can create angular material content container.
It is very simple to create content container in angular material.
Div ngif todos ngfor let todo of todos todo content div.
Import matsidenavmodule from angular material badge.