Serving Industries Worldwide

Innovative Ways - Satisfied Clientele

ngStyle in Angular for Dynamic styling

In this blog, we will be going to learn about the styling of Angular components using the ngStyle core directives. We will look at the various ways to dynamically assign a CSS style to an element using the style property. Table of Content 1. What is a Style attribute? 2. What is the NgStyle? 3. Conclusion If you don’t have the latest version of the angular cli then you need to update the angular cli latest version. After that installing angular CLI, you can...

read more


The SPA stands for single-page applications is web applications that load a single HTML page and dynamically update that page as the user interacts with the application. SPA used AJAX and HTML5 to create fluid and responsive web applications, without constantly reloading the page. However, this means that most of the work is done on the client-side in JavaScript. For a traditional ASP.NET developer, it can be difficult to leap. Fortunately, many open-source JavaScript frameworks make...

read more

Angular Localization with Ivy

Part of the new Angular rendering engine, Ivy having a new method for localizing applications- especially extracting and translating text. This blog explains the benefits and some of the implementation of this new technique. Table of Content 1. Localization with Ivy 2. How to Implement Localization in Angular 10? 3. Steps to Localize Your Angular App 4. Conclusion Localization with Ivy Earlier to Ivy, the only way to add localizable messages to an Angular app...

read more

Template based Code Generation with Razor and Roslyn

Before we see what, is Template-Based Code generation first of all we start withwhat is template? Template means one file which provides a starting point for a new document. When you open the template, it has pre-programming with basic details. Table of Content 1. What is template-based code generation? 2. Advantages of TBCG 3. Disadvantages of TBCG 4. TBCG with razor and Roslyn 4.1. Razor 4.2. Steps of working Razor and Roslyn code generation 5....

read more

Migrating and configuring ESLint in angular 11

In the earlier version, Angular implements the linting with TSLint but with Angular 11 announced that the TSLint linting replaced with the ESLint. Table of Content 1. Usage with Nx Monorepos 2. Packages included in this Project 3. Migrating an Angular CLI project 4. Changing the configuration 5. Adding Prettier 5.1 Installing the Prettier 5.2 Integrating Prettier 6. Conclusion Usage with Nx Monorepos Nx leans for some, but not for all...

read more