July 2017

Structural Directives in Angular

What are structural directives? Structural directives are responsible for HTML layout. They shape or reshape the DOM’s structure, typically by adding, removing, or manipulating elements. As with other directives, you apply a structural directive to a host element. The directive then does whatever it’s supposed to do with that host element and its descendants. Structural […]

Structural Directives in Angular Read More »

How to Create an Angular HttpInterceptor?

Angular 4.3 brought us a new easier way to handle HTTP requests with the HttpClient library. I mentioned how powerful this tool is in my previous post; Introduction to Angular HttpClient Now it’s time to explore another of the powerful angular features: interceptors. Interceptors provide a mechanism to intercept and/or mutate outgoing requests or incoming responses. Interceptors are a way

How to Create an Angular HttpInterceptor? Read More »

Your first Angular Component

Creating an Angular Component Angular-CLI creates a component with all required configuration with a simple command; `ng g c name-of-your-component`. This will create the component bundled in a folder that has the same name with your component name. The Component Class Angular-CLI generated the component class in the typescript file. @Component decorator contains the connections

Your first Angular Component Read More »

Introduction to Angular HttpClient Library

Angular 4.3 introduces a new easier way to handle HTTP requests with the HttpClient library. It’s available under a new name to avoid causing breaking changes with the current Http library.  HttpClient basically performs HTTP requests and also gives us advanced functionality like the ability to listen for progress events and interceptors to monitor or modify requests or responses.

Introduction to Angular HttpClient Library Read More »