Welcome Guest! (App Version 3.1)
IntroductionSPA Technology Angular Framework Prerequisites Basic Requirements TypeScript Angular-CLI Creating a new Project
Module-Directive-BindingModules Directives Types of Directives Element Directives Components Creating New Component Component Comm @Input @Output Attribute Directives [ngStyle] [ngClass] [ngSwitch] Structural Directives *ngIf *ngFor *ngSwitchCase *ngSwitchDefault Data-Binding Types of Data-Binding String Interpolation Property Binding Event Binding 2 Way Data Binding
Services-Routing-FormsServices Creating a new Service Getting data via Service RxJS $http and Observables Rest API hit Interface Routing Setting up Routes Forms Types of Forms Template-Driven Forms Reactive Forms
Decorators-Pipes-etcDecorators Pipes Life Cycle Hooks Dependency Injection Providers Interceptors
Unit-Testing & AnimationUnit-Testing Animation
Build and DeployBuild the Project Deploy on Web
Angular QuizAngular Quiz 1
Modules are at the core of Angular. Module can be understood as a package which consists of interrelated parts and bits which work together to get some functionality done and also can be exported easily as a final package, so that if required on inclusion it be used in any other app.
Following are some examples of Modules (included in Angular Library):
Following are also some examples of Modules (as 3rd party Library):
@ngModules takes an object as metadata which provides information regarding how to compile a component's template, the logic in typescript and about creating injector at runtime. It identifies which are this modules own component, directives, services, pipes and other files and finally exports them to make public to be used elsewhere.
Modules of Angular are generally loaded at once when application starts, but on requirement they can be loaded asynchronously when required via lazy-loading of router.