Перейти к содержимому

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