Serving Industries Worldwide

Innovative Ways - Satisfied Clientele

What’s new in Angular 11?


Angular is the most popular framework and platform to build the desktop applications and mobile applications. Angular is written in typescript. Angular 11 has been released in Nov 2020 and it is developed by Google. Table of Content 1. What is Angular? 2. How to update the Angular 11 version? 3. New Features of Angular 3.1. Router 3.2. Pipe 3.3. Webpack 5 support 3.4. Browser support 3.5. Typescript version 3.6. Formatted Build Output 3.7. Support lazy...

read more

Introduction to Custom Angular Schematics


Schematics are very useful. They provide us to achieve more in a shorter amount of time. But most significantly used, we can think less about routine stuff which leaves our limited attention span to focus on solving real changes. Table of Content 1. Preparation 2. index.ts 3. Execute custom schematics with the schematic-cli 4. Schematic didn’t generate anything 5. Passing options as arguments from the CLI 6. Let us create a model now so that we can get rid of...

read more

Setting up Angular in the system


Angular is a Typescript based open-source platform that makes it easy to create applications with in web/mobile/desktop. It is a framework and platform to create a single page application. Table of Content 1. Setting up angular in the local environment 2. Install Angular in the local environment 3. Step 1: Install Nodejs and npm 3.1. What is Nodejs? 3.2. What is npm? 3.3. Install Nodejs 4. Step 2: Install Angular CLI 5. Step 3: Creating a project of...

read more

RxJS Library in Angular


Table of Content 1. What is RxJs? 2. Reduce the state of our component by using RxJs Library 3. Observable creation functions 3.1. from a promise 3.2. from a counter 3.3. creates an AJAX request 3.4. Operators 3.5. Observable.pipe function 3.6. Some Common operators 3.7. Error Handling 4. Conclusion What is RxJs? Reactive Extensions for JavaScriptis a library for reactive programming. RxJS uses observables which will make it easier...

read more

Understanding @Output and EventEmitter in Angular


Table of Content 1. What is @Output? 2. Child-Component 3. How @Output Works? 4. Using @Input and @Output together 5. EventEmitter 6. Conclusion What is @Output? As we all know that you can archive two-way data binding with [(ngModel)], but what if we want to share data with one component to another component? To accomplish that we can use @Input and @Output. Let's understand it with one example: We are using a parent component and a child...

read more