https://github.com/sravimohan/ng-app-tabs

This angular 18 example demonstrates the example of creating application-level tabs by using RouteReuseStrategy
https://github.com/sravimohan/ng-app-tabs

angular angular-material application-tabs

Last synced: about 2 months ago
JSON representation

This angular 18 example demonstrates the example of creating application-level tabs by using RouteReuseStrategy

• Host: GitHub
• URL: https://github.com/sravimohan/ng-app-tabs
• Owner: sravimohan
• Created: 2024-11-12T00:06:51.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-11-12T11:04:16.000Z (2 months ago)
• Last Synced: 2024-11-12T12:18:48.014Z (2 months ago)
• Topics: angular, angular-material, application-tabs
• Language: TypeScript
• Homepage: https://ng-app-tabs.vercel.app/
• Size: 157 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Angular Application Tabs Example

This example demostrates the example of creating application level tabs by using RouteReuseStrategy.

- Each tab is treated as a route

- The tab state is maintained by implementing RouteReuseStrategy and persisting state in a signal store

- Ability to open each tab type mulitple times, simultaneously by using a context slug in the route.

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 18.2.11.

![alt text](demo.png)

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.