Angular - Reusable Layout Templates Using Angular Routing and Flex-layout Flexbox
Code Academia
0:00 / 0:00
Angular - Reusable Layout Templates Using Angular Routing and Flex-layout Flexbox
64 315 просмотров · 7 лет назад
Code Academia
6,13 тыс. подписчиков
64 315 просмотров · 7 лет назад
In this tutorial, you will see how to create your Layout Template using Angular Routing and Flex Layout.
Code on StackBlitz: https://stackblitz.com/edit/angular-a...
Code on Github:
https://github.com/soufiane-fadil/ang...
We will mainly:
Create 2 Components as Layout (Full-Width Layout and Sidebar Layout )
Create 3 Components as Pages (Home, Posts, and Login)
Update the App Routing (Angular Routing) to support the Parent and Child Routes
Create a Shared Module for the Header, Sidebar, and Footer. Will be considered as reusable parts in the App.
00:00 Introduction
00:24 Requirements (Nodejs installation + Angular CLI installation)
00:48 Create Project using Angular CLI + Install Flex Layout
10:04 Create Shared Module for the Header, Sidebar, and Footer (Reusable Components)
Please support us on Patreon If you like the video: / codeacademia
#angular #angular-layout #angular-template #angular-new-project #angular-routing