Project Structure and Create Modules and Components - Angular 6 / Angular 7

Posted at: December 15, 2018 4:08 PM

Creating all modules

  • blogpost
  • cmspage
  • admin
  • auth

Components, Service and Routing Module

  • header
  • banner
  • footer
  • page-not-found
  • blogpost (module)
    • blogpost-featured
    • blogpost-list
    • blogpost-detail
    • blogpost-recent
    • categories
    • blogpost-service
    • blogpost-routing-module
  • cmspage (module)
    • page
    • contact-form
    • cmspage-service
    • cmspage-routing-module

Note:* Admin components will create later.

Creating modules

Creating components

Creating components for blogpost module

Creating service for Blogpost Module

Creating components for cmspage module

Creating service for cmspage module

Edit app.module.ts

Import BlogpostModule and CmspageModule in app.module.ts

Edit blogpost/blogpost.module.ts

Export BlogpostFeaturedComponent component for showing this component on root component app.component.html

Edit app.component.html

Edit app.component.html for header, banner, featured blogpost and footer

You can watch video on Project Structure and Create Modules and Components - Angular 6 / Angular 7

Module Component Service Routing

Please click below YouTube button for subscribe my channel truecodex for latest videos.

Angular Project Login - username: admin and password: admin

Angular 6/7 Tutorial in Hindi

Angular 7 is a JavaScript based framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript, used to create Single Page Applications. provides video tutorial for enough understanding of all the necessary components of Angular 6 and Angular 7. will keep uploading videos of the latest features of Angular. Please subscribe my channel for latest videos.

Please leave comments

Speed Up Your Magento Store by 300%

Angular Templates

React Templates

Magento 2 Templates

truecodex launched free android app. You can download and install truecodex app on your mobile and get notification of the latest post.

Video Tutorials on YouTube