Skip to content

mapteb/angular-nested-layouts

Repository files navigation

Angular Nested Layouts

This project is a helloworld style implementation of an Angular v20 app that uses dynamic nested layouts like in this demo.

Features

Clicking Page 1, and Page 2 loads corresponding page contents in the main layout.

Clicking Page 3, Page 4, and Page 5 loads corresponding page contents in a nested layout.

Clicking Sign Out - switches from one layout to another.

The Left Menu panel view can be toggled on or off.

Page 1 thru Page 4 links are routed using routerLink.

Page 5 link is routed programmatically.

Related Projects

https://github.com/mapteb/angular-state-transitions

https://github.com/mapteb/angular-shared-components

About

Angular dynamic nested layouts, angular v20

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors