Back to Browse

Dynamic Tabs in Angular 16 | No Angular Material

4.0K views
Jun 19, 2023
59:34

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/folders/1X6g7ByUiDPHshYQ2BM0GIEiBS0XmJg8x?usp=sharing Complete Login Form Playlist: https://www.youtube.com/playlist?list=PLLmMdhSVZXLKq2ZrJbcOUyPCveCy5vFiP How to make Expandable Side-Nav in Angular : https://youtu.be/OPt87w9WuZo Employee Management System in Angular: https://youtu.be/9FP2ZE9zlBI Home Expense Manager : https://youtu.be/lUBQr1ZLTnw Typing-Test Website : https://youtu.be/tdkkxcIfNT8 Dynamic Components: https://youtu.be/GE_lxrbFNtI E-Commerce Website : https://youtu.be/uq1KGWz-L44 News Website : https://youtu.be/r2uvV2SYszs Portfolio Website : https://youtu.be/RR_kLSEvW74 Library Management Website: https://youtu.be/Mh_pnH0x_fI 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

Download

0 formats

No download links available.

Dynamic Tabs in Angular 16 | No Angular Material | NatokHD