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?” »

325 total views, no 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” »

201 total views, 1 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” »

338 total views, no 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” »

601 total views, 1 views today

Service Injection in Angular 4

In this section, we will learn more about service injection. Before doing so, let’s create a new service. In the last section, we have understood different stages of ng-hooks. Now, if you have read that post closely, you would have observed one pattern that, I logged messages more often just to prove the point. This is quite repetitive. Therefore, these are the places where services fits in nicely. Main role of any service is to simplify the things. Here, you can think of one dedicated component doing the job. Hence, without wasting time, let’s get started.

Continue reading “Service Injection in Angular 4” »

314 total views, 1 views today

ng-hooks in Angular 4

In this section, we will talk about Angular Life Cycle hooks. Angular supports couple of life cycle hooks. Let’s take a closer look at that. In a nutshell, whenever any new component gets created, Angular goes to couple of different phases in this creation process. This also gives us opportunity to hook into different phases and utilize the same to its maximum. Below is the glimpse of ng-hooks in sequential order.

Continue reading “ng-hooks in Angular 4” »

467 total views, no views today

Using Local References in Angular 4 Templates

In this section, we will talk about template reference. Now, in the Movies.Component.html file, we are already using ngModel and that is fine as we can get data via this way as well. Local reference is the way to get any HTML template access. Now, this variable will hold reference to this HTML element.

Continue reading “Using Local References in Angular 4 Templates” »

431 total views, no views today