Layout1 is a layout component with sidenav support. This application is using Layout1 with one primary sidenav and secondary sidenavs. In bellow examples, you can see how to use Layout1 component and how to open/close secondary sidenavs using Layout1Manager service.
Primary Sidenavs
Primary sidenavs are defined inside ng1-layout1 component using ng1Layout1Sidenav directive. You can control theme using their properties.
Secondary sidenavs
Secondary sidenavs are opened using Layout1Manager service. You can open a secondary sidenav and control its properties after opening.
Dispose event
You can listen to dispose event of secondary sidenavs opened using Layout1Manager service.
Dispose event is fired when the secondary sidenav is closed and disposed.
Multiple Secondary sidenavs
You can open multiple secondary sidenavs using Layout1Manager service. Each time you call pushSidenav method, a new secondary sidenav will be opened.
Secondary sidenavs are stacked on each other.
You can get a reference to the last opened secondary sidenav using Layout1Manager.last property.
Header
You can define a header for layout1 using ng1-layout1-header selector. You can also make the header sticky using stickyHeader method.