From 0f1f198b660d15bc94bf8ee988c4dc1a6042bb28 Mon Sep 17 00:00:00 2001 From: Ashish Pawar <88422388+ashishpawar1776@users.noreply.github.com> Date: Thu, 15 Aug 2024 06:35:17 +0530 Subject: [PATCH] Update Angular Module Architecture Documentation (#6575) * Information about creating modules. * Made changes. * Update src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md fixed styling * Commited the Module Architecture * Update src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md * Update src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md --------- Co-authored-by: dsh Co-authored-by: Kamran Ahmed --- .../content/creating-modules@9YhTXybJw2gszlqFeBtW3.md | 9 --------- .../content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md | 8 +++++++- 2 files changed, 7 insertions(+), 10 deletions(-) diff --git a/src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md b/src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md index 7f6f05e32..ef0f1bad4 100644 --- a/src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md +++ b/src/data/roadmaps/angular/content/creating-modules@9YhTXybJw2gszlqFeBtW3.md @@ -2,15 +2,6 @@ Creating modules in Angular helps organize your application into manageable, cohesive units. Each module can encapsulate related components, directives, pipes, and services. Here's a detailed guide on how to create and use modules in Angular. -Creation Methods: - -- Generate Modules: Use ng generate module module-name. -- Define Modules: Use @NgModule decorator to declare components, import other modules, and export components. -- Create and Add Components: Generate and add components to the module. -- Import Modules: Import your new module into app.module.ts or other feature modules. -- Feature Modules: Use feature modules for large applications to manage related functionalities. - Visit the following resources to learn more: - [@official@Angular Official Docs (Feature Modules)](https://angular.dev/guide/ngmodules/feature-modules) -- [@article@How to Create a new module in Angular](https://www.geeksforgeeks.org/how-to-create-a-new-module-in-angular/) \ No newline at end of file diff --git a/src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md b/src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md index 41a45a28d..b52fd31b6 100644 --- a/src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md +++ b/src/data/roadmaps/angular/content/module-architecture@BCq5sgWQLiw0f7u7ZSAd2.md @@ -1 +1,7 @@ -# Module Architecture \ No newline at end of file +# Module Architecture + +Angular’s module architecture organizes an application into cohesive units called NgModules, each defined by the @NgModule decorator. These modules group related components, directives, pipes, and services to encapsulate functionality and promote modular development. The root module (AppModule) is the entry point, bootstrapping the application and importing essential modules like BrowserModule. Feature modules encapsulate specific functionalities and can be eagerly or lazily loaded to improve performance and manageability. Shared modules group reusable components and services to prevent code duplication. The @NgModule metadata includes properties like imports, declarations, exports, providers, and bootstrap, which help manage dependencies, declarations, visibility, service providers, and the root component. This modular approach enhances code organization, scalability, and maintainability in Angular applications. + +Visit following resources to learn more: + +- [@article@Angular Architecture](https://dev.to/digitaldino/angular-architecture-39no)