Dynamically Importing Modules and Related components in Angular 4/5

In this section, we are going to see, how to dynamically import modules and other related components. In enterprise apps, there might be a scenario, where in you end up loading the modules based on some metadata, say which is coming from some REST call may be. In those scenarios, this kind of implementation is needed. We will discuss Lazy Loading in detail when we talk about those scenarios. However, let’s look at the code where we lazy load modules with all its dependencies.

Continue reading “Dynamically Importing Modules and Related components in Angular 4/5” »

161 total views, 6 views today

Routing in Angular – Part 5

In this section, we are going to continue from the last section and will get started with Child Routes aka Nested Routes. Nested routes is the concept of containing routes within other routes. With nested routes we’re able to encapsulate the functionality of parent routes and have that functionality apply to the child routes. This is one of the nice ways to isolate different functional areas. Otherwise, imagine your base routes will grow like anything. I have configured the routes in such a way that all reviews now sit under location. Below, I have pasted modified structure of app.

Continue reading “Routing in Angular – Part 5” »

500 total views, 3 views today

How to get the webpack configuration with Angular CLI?

In this post, I am going to share a small tip to extract webpack file out of Angular CLI. We usually use Angular CLI to scaffold our Angular app, but in this case, webpack file is hidden.

Continue reading “How to get the webpack configuration with Angular CLI?” »

555 total views, 2 views today

Routing in Angular 4 – Part 2

In this section, we will continue from last post http://bit.ly/ng4-route-1, where we have introduced routing. In that post, although routes were working but there was no visual indication for the same. This is a simple change, basically CSS change. Let’s fix that first. Below is the snippet for the same.

Continue reading “Routing in Angular 4 – Part 2” »

262 total views, 3 views today

MEAN – using Angular 4

In this section, thought to share one of the projects, which I was trying using MEAN stack. Its a very simple project. Basically, its a dumping ground of messages with complete CRUD functionality with Authentication/Authorization via JWTs bearer token. Now, in this MEAN stack, A –> Angular 4, which is nice here.  This is how application looks

Continue reading “MEAN – using Angular 4” »

401 total views, 4 views today

Handling CORS with ASP.NET Core and Angular 4 Application

Hi Friends,

In this section, we will talk about about handling CORS issue with ASP.NET CORE and Angular 4 application. As part of Authentication, this app uses Windows Authentication. I have created app using ASP.NET Core 2 Angular template and then using the application. Application structure looks like

Continue reading “Handling CORS with ASP.NET Core and Angular 4 Application” »

677 total views, 3 views today