Dynamic Tabs in Angular 16 | No Angular Material
About the Video--------------------------
In this Video, I have built a Angular 16 Tab Control System.
This Angular component has in built tab mechanism, where we can create new tabs dynamically.
In this Website, I have created
Tab Component: A component which can dynamically create tabs and insert inside this component.
Tab Service: A service which can be injected inside any component where we want to create tabs.
Modal Service: A service which can used to display modals.
This component can preserve already created tabs without destroying it, so that
we can access it later whenever required.
All this will happen without refreshing web page.
If you Like the Video please Like, Share and Subscribe.
TimeStamps -
00:00 - Overview of Website.
03:24 - Basic Structure of Website
06:28 - Creating Tab Control Component.
08:05 - Creating Tab Header.
14:30 - Inserting Components Dynamically
29:18 - Selecting Tabs
34:32 - Closing Tab.
45:30 - Modal Service.
58:31 - Complete
Links-------------------------
Source Code : https://drive.google.com/drive/folder...
Complete Login Form Playlist: • Complete Login Form (Angular 13 and A...
How to make Expandable Side-Nav in Angular : • Header and Expandable Side Nav in Ang...
Employee Management System in Angular: • Angular 13 CRUD | Employee Management...
Home Expense Manager : • Angular 13 - Home Expense Manager Fro...
Typing-Test Website : • Let's Build a Typing Test Website in ...
Dynamic Components: • How to Create Dynamic Components in A...
E-Commerce Website : • Angular 14 E-Commerce Website ASP.NET...
News Website : • Fully Responsive News Website in Angu...
Portfolio Website : • Modern Portfolio Website in Angular 1...
Library Management Website: • Angular 15 Library Management System ...
Tags---------
#programming, #programmingtutorials, #tutorials, #frontend, #backend,#angular, #angularecommerce, #ecommercewebsite, #modernwebsite, #angular13, #angular14, #angularproject, #angularwebsite, #frontend, #backend, #fullstackwebsite, #html, #css, #typescript
#tab, #dynamicComponentsinangular, #angularcomponents, #dynamictabs, #viewcontainerref