Serving Industries Worldwide

Innovative Ways - Satisfied Clientele

Adding Event Listeners outside of the NgZone


If we're familiar with the Angular framework, we'll know that by default, any asynchronous event triggers the change detection process. In certain situations, we don't even have to worry about it; it just works as expected. However, in some cases, running the change detection process too frequently can lead to poor runtime efficiency. Table of Content 1. Execution of code in the NgZone 2. Incorrect usage of the runOutsideAngular method 3. Execution of code outside of...

read more

Introduction to Angular CLI Builders


In this blog, we'll look at a new API in Angular CLI that allows us to add new CLI features and enhance existing ones. We'll go over how to interact with this API and what extension points we can use to extend the CLI's features. With Angular 8, the Builders API was released, and it includes the ability to override commands such as ng build, ng test, and ng lint. Not to be confused with Angular Schematics, which can be used to add custom commands to ng generate or provide support...

read more

How to implement File Upload in Angular?


Being able to upload the files and use them afterward is the required characteristic of many apps. The following are commonly used elements to perform file upload with Angular. Table of Content 1. FormData 2. HttpClientModule 3. Reactive Forms 4. Implement File Upload 5. Conclusion FormData FormData is an object that you can use for storing key-value pairs. It allows you to construct an object which aligns with an HTML form. This feature allows you...

read more

Implementation of Ngx Infinite Scroller using Angular Application


In this blog, we will introduce infinite scrolling in our Angular application. When we prepare an application, we deal with tons of files at the same time. In this situation, a question will be asked: how to display thousands of registrations on a single page? It is not a good practice to load thousands of records at once on one page, and there are many benefits to implement infinite scrolling. Increase the time on our web site so that we can have faster operations Make it...

read more

Error Handling using Angular RxJS


EnlighterJS.init('pre', 'code', { language : 'js', theme: 'enlighter', indent : 2 }); RxJS is the biggest part of Angular. With a well understanding of how to implement error handling the right way with RxJS, you are sure to run with strange problems down the line when an error does occur. By contrast, if you know what you are doing up a cover, you can remove those strange problems and save...

read more