Skip to content

Alvarohlopes/tab-navigation-with-angular

Repository files navigation

tab-navigation-with-angular

EN

Tab navigation study using Angular

In this study, I created five test routes, some with lazy load and another without lazy load, where the component captures the browsing history and creates quick access tabs.

The components are open, but inactive, because I'm using ChangeDetectionStrategy.OnPush to disable frequent change detection.

This is just a study version, very soon I will include API'S requests for performance tests.

Hope it's helpful.

I am available for questions and improvements.

BR

Estudo de navegação por tabs usando Angular

Neste estudo, criei cinco rotas de teste, algumas com lazy load e outra sem lazy load, onde o componente caputa o historico de navegação e cria abas de acesso rápido.

Os componentes ficam abertos, porém inativos, pois estou utilizando ChangeDetectionStrategy.OnPush para desabilitar a detecção de mudança frequente.

Essa é apenas uma versão de estudo, muito em breve incluirei requisições a API'S para testes de performance.

Espero que seja útil.

Estou a disposição para duvidas e melhorias.

Angular Version 14.2

Usage instructions

1 - npm install 2 - npm start

References: Marco Franke: https://medium.com/@disane1987/angular-router-and-tab-based-navigation-within-a-spa-c0a8ca2b3bc4 Angular Docs: https://angular.io/api/router

About

Tab navigation study using Angular

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published