This tutorial I will show you Nginx installation and configuration steps to serve Angular application in production. I am gonna use Ubuntu 16.04 operating system. Install and Configure Nginx for Angular First update the […]
Cascading dropdown in Angular
In this article, you will learn how to use cascading DropDownList using Angular application. In following tutorial you gonna use Angular CLI to create an application. Here is the official website of Angular CLI. Why Angular […]
Angular – Global API service request method
Using HTTP service directly in all over the application is won’t really scale, its only work for small applications. Having central location to manage HTTP calls, will reduce the maintenance and its robust solution. […]
Angular NgSwitch Directive
The NgSwitch directive lets you to insert different sets of elements into the document based on a specified value or expression.NgSwitch Directive resides inside CommonModule module, so you can import it as shown below […]
Angular 4 – Add dynamic class to the body based on route.
Inside the root app component, Inject the Router and subscribe to route change events and detect the NavigationStart event with the event type instance, its called NavigationStart. With the Renderer2 class we can add and […]
How To Capitalize The First Letter Of A String In JavaScript
Here is the quick JavaScript code snippet to capitalize the first letter of a string. How to use Details of each function which we used to capitalize the first letter of a given string. charAt() return the character at […]
How can I paginate an array of objects in JavaScript?
Depending on your needs sometimes you may wish to create a pagination with an array of items. This post will teach you, paginating an array objects in Javascript. When manually(Without plugins) paginating, you should manually […]
How to Apply CSS Classes Conditionally in Angular 2
Angular 2 provide different ways to apply class to the elements based on certain conditions. In this post I would like to show you couple of ways to conditionally applying class to a DOM element in Angular 2 with ngClass. […]
Exponentiation operator (**) in JavaScript
The exponentiation operator was introduced in ECMAScript 2016, ** is used to denote this operator. It accepts base on its left-hand side and exponent on its right-hand side, respectively. Syntax Prior to exponentiation […]
Auto refresh current page with regular intervals using JS
To refresh or reload active or current page using JavaScript, you can use the location.reload() and setTimeout() methods. The reload() method does the same as the reload button in your browser.The setTimeout() method calls […]
JavaScript ES6 Destructuring in Depth
Destructuring is alluring language feature, I’ve been using the most. Destructuring is provides a convenient way of extracting multiple values from the objects, Arrays, Map and Set. For better and easy understanding, […]
Angular 2 – Async Validator – Username/email availability check
In this post I will show you, how we can create custom async validator to check for email availability, same logic you can apply for username or other async validations. Lets create a component: Here is my user service: […]
ECMAScript 2016 – Finding if a value exists in an array using JavaScript
We gonna use ECMAScript 2016’s new includes() method to determine whether an array contains a specific element. The new method includes(searchElement, fromIndex) function searches an array for a specific value and […]
JavaScript Promise API
Promises can replace the asynchronous use of callbacks, and they provide several benefits over them. Basic Promise Usage A new Promise is created with the new Promise() constructor and the promise provides resolve and […]
JavaScript const keyword
In my previous post I wrote about let keyword, in this post I would like to write about another new ECMAScript 6 keyword, const. There is no much difference between const and let, both works similar way , both are having […]
