Sometimes we might require to use Base Component type to Query Children in a component. Let us consider a scenario where we have multiple components that extend the same base component type, and use them in a ListView. BaseItemViewComponent (Base component) @Component({ … }) export class BaseItemViewComponent { … } […]
There are primarily 2 ways to navigate back to previous page in Angular: Using router.navigate() from @angular/router Using location.back() from @angular/common We will learn about these 2 methods in a little more detail below. Using router.navigate() to navigate back to previous page We can use router.navigate with the whole path […]
This article on Deploying an Angular App is part of the Learning Angular series. Deployment Preparations and Important Steps Steps:a) Build the app for production. Better to consider AIT or whatevr method we follow. ng build –prod –aot b) Set the correct elementIf Angular is being served form any folder that is […]
This article on Angular Modules & Lazy Loading is part of the Learning Angular series. Understanding the App Module Imports are a language feature that tells the compiler to where to look for the files and features that are required.Modules are a part of Angular which it sees as a way of […]
This article on HTTP Interceptor in Angular is part of the Learning Angular series. Typically when we want to do soemthing with every request, it can be passe on to be done by an interceptor. In the current application case, the firebase auth token in the params.auth.interceptor.ts import { HttpInterceptor, HttpRequest, HttpHandler, […]
This article on Making HTTP Requests in Angular is part of the Learning Angular series. MUST READ: Angular 6 and HTTP Angular 6 is currently the latest version of Angular and it deprecates the Http-access method taught in this module.What does this mean?It means that the method still works, still is secure […]
This article on Pipes in Angular is part of the Learning Angular series. Introduction and Why Pipes are Useful Pipes are used to transform the output.For a case where one has a name as a string ‘Max’ and wants to output all in uppercase without making it uppercase throughotut the application.It would […]
This article on Angular Forms is part of the Learning Angular series. A typical structure how Angular handles forms { value: { name: ‘Murari’, email: ‘someone@gmail.com’ }, valid: true } Template Driven (TD) vs Reactive Approach Template Driven – Angular infers the Form Object from the DOM.Reactive Approach – Form is created […]
This article on RxJS in Angular is part of the Learning Angular series. Angular 6 and RxJS 6 If one is using Angular 6 and RxJS 6, and want to have their older codes work, need to use rxjs-compatnpm install rxjs-compat –save Analyzing a built-in Angular Observable A subscriber takes in 3 […]
This article on Routing in Angular is part of the Learning Angular series. In the app, we will have 3 sections:1. Home2. Servers– View and Edit Servers– A service is used to load and update Servers3. Users– View users. Setting Up and Loading Routes In the AppModule import { Routes, RouterModel } […]
